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Your email program does 
not have one of these: 



Imagine an email program that was smart 
enough to observe and learn how you handle 
your email. Like offering to reply to certain 
types of email messages using a response 
you’ve previously sent. Or giving you the 
option to auto-file a message you've read 
based on how you've filed similar messages in 
the past. What if you could defer a message 
from your inbox for a few days or weeks, so that 
it magically reappears later when you're ready 
to deal with it? What if this program had an 
amazing junk mail filter that would leave your 
inbox devoid of spam? What if this program 
was as familiar and easy to use as Apple Mail? 


After three years in development, we’ve 
finally created that program. Outspring Mail 
is the newest email client for Macintosh. 
We’ve taken the best features of existing 
email programs af)d coupled them with our 
patent-pending iritelligent functions to 
create a program that will make your email 
chores far easier. And since this is a 
current-generation application, it supports 
major email protocols including POP, IMAP, 
SMTP and SSL It also runs natively on the 
latest Macintosh computers and OS X 
Leopard. But don't just take our word for it. 
Check out the details at www.outspring.com. 


Outspring Mail. For those who take their email seriously. 


outspfirtg 
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5331 SkylaneBivd 
Santa Rosa, CA 95403 

707-523-7711 
h ttp://ww w.oiits pri ng .com 
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From the Editor 


/ t's thiit time of year, once again. Of course, Fm writing this in advance of that exaci time. That time being 
WWr>C, A promise of something new. A promise of some inside knowledge. As lechncdogy keeps moving 
along at tliis pace, you may wonder where it will end. We have no idea. All we can do is inform you of where 
it Ls and tiie direction it*s facing. Tliat's typically enough information for any one brain to liandle. This month, we 
all get more than our share. Quite a bit is coming to you from MacTech, 

Two articles this month touch on packaging files in OS Jo.se Cruz delves into Leopard's Package Makerapp 
while this month's Mac In the Shell talks about command line packagemaker. In both cases, packaging files is 
important to both developers and system administrators. The OS X package format is the way to deploy files to 
OS X systems. Interestingiy, everything on Unix is a file. Packages can be used to add users and passwords to a 
system, change preferences or even install an entire operating system. Learn how' to build and automate package 
creation, and do more with multiple systems. 

We also bring you articles on Interface Builder, TextMate, and creating web-based apps for the iPhone 
{despite the new SDK!). MacEnterprise details changes to the printing environment (CUPS) in Leopard. 

This month also marks the first of Andy lnha±o's articles for Mac'fech. AJways enjoyable, take a respite, and 
gain some insight into why we all do What we do in this industry. 

Finally, check in with Dave Hayden from Panic Softw^are in the MacTech Sptjtlight. Enjoy all of the going-ons 
of WWDC. When it's all behind us, MacTech will be back next month with the next hit of technology in this 
industry' w'e’re wrapped up in. 


Ed Marczak, 
Execudve Editor 


This issue dedicated to the memory of Stan Flack 

by Dennis Sellers and Neil Ticktin 

The world of Mac journalism has lo.st one tvf the great ones. Sian Flack, who founded both 
MacCentral and MacMinute, died on April l4ih. Acccjrding to his sister Julie, he '^passed away 
due to health complications from his condition.'' 

Stan was a gotxl friend to many in the Mac industry, and ceruiinly to many journalists and 
tliose in the Mac media. Frankly, lie wus always there to help and work with MacTech as well. 

Stan founded MacMinute in 2001 to " keep you u]Ko-date on everything that is going on 
in the world of Macintash as .soon as it happens." Prior to creating MacMinute, Stan Flack 
founded MacCentral. He sold MacCentral to Mac PublLshing, the company behind the MacWorld 
properties on June 1, 1999. 

Eventually, the web site was folded into the MacWorld brand name and the last vestiges of 
MacCentral disappeared with the incorporation of the MacCentml Forum into the MacWorld 
forums in December 2007. 

Things change, time passes and folks move on to other things, but Stan's impact lives on. 
Pretty much all of those involved with MacCentral are still Mac lovers and involved in covering 
Apple in the media. 

So here's to Stan Flack, who would have turned 43 diLs year. Tliank you fc3r all that you've 
done for the Mac community. 
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Mac in the Shell 


by Edward Marczak 

Packaging and 
Installing 

Simplify and scale your 
install methodology 

___ J 


Place all directories and files with the a^nect hierarchy, 
pemiissioas and owner inside of the specific direaory to be 
packaged. 

Run packagemaker: 

/Developer/usr/bin/packagemaker \ 

-r /tfsers/germ/pkgbuilds/binutils/ \ 

-V -i com*radiotope.binutils \ 

-0 ./binutils.pkg 

The switches used in the example direa packagemaker in the 
Following manner: 

-r Tlie build root, or, the directory of files to be packaged, 

-V be verbose aboiU it. 

-i specify tlie package ID 
-o Output file. 


Introduction 

While many systenis contain a packige manager, OS X's is 
unique, for better or worse. More and more people are now 
getting familiar with tlie graphical PackageMaker.app (and if 
yoifre not, see Jose Caiz's anicle in ihi.s issue). However, tlie GUI 
utility is only half the issue. Once an application Ls packaged, it 
needs to be deployed, sometimes at grand scale. Also, it's 
important to be able to automate updates to a package over time 
so new installs user tlie new^^r versions. This article talks al:Kjut 
the command-line version of PackageMaker.app, 
packagemaker, iind command-line installer - tw^o tools 
to help get software to the nmses easily and automatiailly 

Earth 

Packaging refers to placing files into a package format 
(which acts like a single file) tliai is u.sed to install said files (the 
Ixiylaad) on a target system. 11 le grapiiical Packager Makerapp 
that ships with 10.5 developer tCK>ls is vastly improved trver earlier 
versions. All of iliose improvements are brought to the command 
line build version. This includes the wonderful .snapshot 
package, too. 

For the sake of simplicity, let’s imagine that the payload that 
you wish to install is ccsntained entirely in a single directoiyt Tills 
can \yc a directory full of files, or a .single applic-ation (which is, 
in rc^ility, a folder full of files). We ll use the fanner in this 
example: a .single directory cantaining some utility' programs for 
our command line pleasure. This will need R) be installed on all 
systems in our oigani?iition. packagemaker makes tills a 
snap to package up. The simplest way to package tills directory 
is to do the following: 

Create an empty direaory for general use in w’hich to create 
packages. 

Create another direaory^ For the specific package to bundle 
up. 


Teclinically, to make command this even shorter, tlie -v and -o 
switches could lie omitted. Output, by default, will lie dropped 
in the current directory, and lie named based on the rcxit. 

'Ib watch die file system for changes, and create a package 
based on those changes, use the —watch flag. Start 
packagemaker with the —watch, -o and -i flags, at minimum: 

S ^DeveltJper/ner/bin/patkageaiiaker ^atch v i 
com.radlotope.biTiutils -o binutils.pkg 

Watching filesystej3J as pid: 53917. Send SIGUSRl to stop: kill 
SiaUSRl 53917 

Note that you're provided the kill command that will 
prcsperly stop packagemaker, and allow it perform die actual 
packaging. Once packagemaker Is watching, perfomi the 
install that you'd like to package, and then send the signal using 
kill, packagemaker will cany' on and create a package 
biised on any files that have changed on the filesystem iietween 
the lime it w as started, and the time tliat it received die SlGUSRl 
signal. Unlike it’s GUI brethren, command line 
packagemaker dtx^s mM allow an opportunity to edit the list 
of files ihal it has noted a.s changed. If you clitxjse to use the — 
watch fiag, ensure that you're running it at a time when the 
filesystem is lea.st active. 

Fire 

While packagemaker Is elTective at automating package 
huikls, .sometimes it’s jusi plain easier to use die GUI-based 
PackageMaker.app to create the first revision. Package Maker.app 
grants greater flexiliility in many cases. Gratefully, the two utilities 
can be comliined: use PackageM:iiker.app to initially create a 
package, widi die precise opdoas necessary. Hils configuration 
can be saved as a .pmdoc file. The command line 
packagemaker can take a .pfiidoc file and build a package 
ba.sed on the configuration options specified within. This c'an 
dien lie used as upgrades to die original package take place. 
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To allow packagemaker to take direction from a .pmdoc 
Hie, use the -d, or —doc switch to specify tlie ,pmdoc file: 

/Beveloper/usr/bin/packagemaker \ 

-d /User b/ gem/pindoc/Bin_ntlls. pmdoc \ 

-V -± com^radiotope.binutlls \ 

-0 ./binutlls.pkg 

Any options specified on the command line override the 
equivalent option from die .pmdoc fde. 

Water 

Once packages are created, the goal is to install them on 
target systems. They can be lirouglit over to a target system in 
many ways, but once tliere, they will be installed using Apple’s 
installer Like PackageMaker, installer comes in both a GUI 
and command-line version* llie command-line version is the 
gateway to automating installs. 

The basic syntax is short and sw^eet: 

installer -pkg [path to package] -target [path to destination 
valitne/devicej 

To install die example binuiils.pkg on die euneni system volume, 
the command would look like diis: 

installer -pkg /packages/binntils.pkg -target / 


Before installing, installer can deteniiine which targets on 
the current system are valid, The -volinfo switch lists all valid 
volumes for a given package. Some packages have constraints on 
installation targets, such as “home” or ‘"root volume only," To 
obtain a list of currently mounted volumes that are appropriate 
destinations, supply the package and volinfo switches: 

installer -pkg /packages/hinut11s.pkg -volinfo 

This output can be parsed for a valid destination. 

Finally note that the -target switch can also accept other 
forms of listing the destination. Also acceptable are device node 
entries C/dev/disk3), a disk identifier (/dev/diskls6) or a volume's 
LIUID. It witl also accept a domain as listed in die -doininfo 
switch, however, since very few packages contain domain 
information, diis mediod lias lesser value than methods shown 
earlier. 

Air 

The importance of the command line versions of these 
utilities lies in automation. Scripting tools 

MacTech has run several articles tliat talk about AFP548’s 
lastaDMG, a liuUd tool to create a system image. The command 
line installer Ls at die heart of this program. An excerpt 
from die main script shows installer in action: 

/bin/ls -A1 $0PDAtE_F0LBER | /uer/bin/sed '/.I)S_Store/d* | 
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while read UPDATE^PKG 
do 

/uar/shin/installer -verbose \ 

- pkg ■■ $ I UPDATE.FOLDER } / $ \ UFDATE^PKG} /' /bln/la 
${[1PDATE_E0U>ER}/$(UPDATE_PKG) | \ 

/usr/bin/sed */.DS_Store/d''” \ 

-target $ClJRSENT_lMAGE_HOimT » $LOG_FIiE 
/bin./eeho “Inatalled 
$[UPDATE_EOLDER}/${UPDATE_PKG}/Vbin/1 b 
$[UPDATE^FOLDER l/$IUPDATELPKG} | \ 

/usr/bln/sed */.DS_Store/d’'" » $PKG_L0G 
done 


The idea behind this except is to list all packages in a hierarchy 
of folders and send that list in order to installer, which 
installs each package in turn* 

Another approach to automating this type of install would be 
using die find command: 

find $ [UPi>ATE_FOLD£Rl -Inauie '“pkg'' "type d -exec Installer - 
pkg (1 -target / \: 


This command could also be redirected to a file (remember to 
specify -verbose in the installer cx^mmand!) for logging 
purposes. 

The installer command can also be individually 
distributed to OS X sy^stenis using dshell (see the January 2008 
issue of MacTech), or via Apple Remote Desktop's “Send Unix" 
command. While ARD does have a method to directly install 
packages, it proves unreliable in many instances, including 
sending packages to mncliines over a WAN, and sending 
packages to too many machines. The number that consists of'loo 
many" is inconsistent from mn to run and environment to 
environment. 

Radier tlian send one-liners, a laigcr, structured script cun 
direci a macliine to mount a remote disk image (using hdiutil). 
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install a package on that volume, dismount the volume and reboot 
the remote machine if necessary and appropriate. It can do all of 
this while checking for errors and reporting on progress, loo. 

Conclusion 

As OS X systems become more prevalent, better methods of 
configuration and installation need to appear in order to allow 
administrato]^ the ability to serve users in a timely manner The 
methods in tliis article can Lie used with or without a complete OS 
X infrastructure (e.g. Without OS X Server supporting direaory 
services or more of the back-end). Automation means 
consistency. Possibly more important, though, is that it means 
timeliness and less work for administrators once set up* 

Also, packaging allows an administrator to pretty much do 
anything to a target system. Since preferences and user accounts 
are stored as files, installer can overwrite them. Also, since 
packages can runs scripts, they can perform even more 
sophisticated functions. Your imagination is tlie only limit. 

Media of the montli: “llie Design and Implementation of the 
FreeBSD Operating System" by Marshall Kirk McKusick and 
George V. NeviHe-Neil. While not a perfect fit, this may be tlie 
closest thing we have to an OS X internals Ixiok. Tlie BSD file 
structures all match up, along witli what happens at the Unix 
layer. Ct>mbine tliis witli tlie Mac specific (but sadly dated) Mac 
OS X Internals by Am it Singh, and you have some incredibly deep 
knowledge of lower level structures and system activity. 

Hopefully yoifre reading this while attending WWDC (yes, 
its that time of the year again). Or, this is providing some travel 
reading tor you. In any case, MacTech will be present, so feel free 
to find us and .say hello! 

Until next nifinth, enjoy W^DC and all that encompasses it, 
and keep .scripting. 
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wiljh Leopard 



Changes for Mac Administrators 


By Greg Neagle, MacEnterprise.org 



MacEnterprise.org 

Mac OS X enterprise deployment project 


Introduction 

Mac 05 X 10.5 “Leopard” continues the trend of 
enhancements and modiricatioas to printing on the Mac. 
Changes in the ClfPS configuration and in the printing utilities 
in leopard have the potential to simplify or complicate your 
environment. With a few simple changes, you can customize 
priming behavior in Leopard to more closely match its behavior 
in Tiger, and ease the transition for your users and support staff. 

More Security, More Support 

Printing in Leopard largely behaves as it did in Tiger. One 
particular change, however, miglit be of interest to Mac 
administrators: for tlie first time since Mac OS X was 
introduced, a user must lx? ;in administrator to add and remove 
printers. 

Presumably, Apple made this ctiange to improve security - 
Leopard has many changes ttj increase tlie security of Apple's 
OS. For most home users, where at least one user's account is 
an admin account, this change really docssn’l affect the user 
experience much. But in an enterprise environment, this 
change can be more problematic. 

In many enterprise settings, most users do not have 
administrative privileges. They canne^t install or remove 
software, and cannot make many configuration changes. This 
provides a more stable and secure platform for enterprise users 
and administrators, and makes support of these machines 
easier. Restricting the addition of printers to admins has the 
potential to increase suppon costs, since any time a user needs 
to print to a new or different printer they have to contact 
support. 

For .some organizations, making the addition of printers an 
administrator-only function might be a good thing, especially if 
you tightly control printer usage. But if in your otganisttion, the 
pre-Leopard behavior is a better fit, there is a way to allows non¬ 
admin users to add printers and reduce the burden on support. 


CUPS configuration 

To allow non-admins to add printers, well need to edit the 
cupsd configuration file, located at 

/pr ivate/etc/cups/cups d. con f. YouTI need to u,se 
sudo, and your favorite text editor. Look for this section* 

# All administration operations require an administrator 
to authenticate.,. 

<LiMit CUPS-Add-Modlfy Printer CUPSDelete-Frinter CUPS' 
Add-Modlfy-Class CUPS-DeleteCIasa CUPS-Set-Default) 

AuthType Default 
Require user ^SYSTEH 
Order denypallow 

</Limit) 


Remove or comment out this section and replace it with: 

# Allow non-admin ueera to add printers 
<Litiilt COPS-Add-Modify-Printer CUPS-Delete-Printer CUPS-Add- 
Modlfy-Class CUPS■Delete-Class CUPS■Set-Default) 

Require valid-user 
Order allow, deny 
Allow all 
</Limit) 

Now Icjok for this sectitJn, which should be directly below the 
sectitin you just modified: 

All printer operations require a printer operator to 
authenticate... 

(Limit Pause-Printer Resume-Printer Enable-Printer 
Disable-Printer Pause - Printer-After- Current -Job Hold-New-Jobs 
Release-Held-New'Jobs Deactivate-Printer Activate-Prlnter 
Restart-Printer Shutdown-Printer Startup-Printer Promote-Job 
Schedule-Job-After CUPS-Accept-Jobs CUPS-Reject-Jobs) 

AuthType Default 

Require user MUTHKEY(system.print.admin) ©admin 
©Ipad mi D 

Order deny*allow 
(/Liniit) 

\ 
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Change it to: 

Allow non-admin users to pause and resume printers 
<L1mit Pause-Printer Resume’Printer Enable - Printer 
Disable-Printer Pause-Printer After-Current-Job Hold-Uew-Jobs 
Kelease-Held-New-Jobs Deactivate-Printer Activate-Printer 
Restart-Printer Sbutdowr-Printer Startup-Printer Promote‘Job 
Schedule-Job-After CUPS-Accept■Jobs CUPS-Reject-Jobs) 

Req^uire valid-user 

Order allow, deny 

Allow all 
</Limit) 

These changes allow any authenticated user perform the 
CUPS actions defined - die key actions we are interested in are 
adding printers and die ability to pause or resume printers. In 
many cases, the changes to the section to allow pause/resume 
may not be needed, because by default, any user who is a 
member of the Ipadmin group can perform diese funedons, and 
all local users are automatically added to die Ipadmin group 
when they are created. You might need this change in an 
environment with netwcTrk accounts, where network users are 
not members of the Ipadmin group. 

Now test the changes. Login as a non-admin user and open 
a document. Chcxjse Print From the File menu. The standard 
Print dialog will open. In the Printer pop-up menu, select Add 
Printer.... You should be able to add a printer without being 
prompted for an admin password. Note diat using the Print and 
Fax preferences pane in System Preferences still requires an 
admin password, so tell your users to add printers using the 
method described above (from the Print menu), or make the 
additional change described below to provide another way to 
add printers. Additionally, as the Print menu does not offer an 
option to delete printers, there is no user-friendly way to remove 
printers without allow'ing access in the preference pane. 

If you want to revert your changes, you can simply copy 
/etc/cups/cupsd•conf.default to 

/etc/cops/cupsd*CDnf to restore the CUPS 
configuration to Apple's default settings. 

Replacing Printer Setup Utility 

Prior to Leopard, there were at least three ways to add 
a printer: using the Print and Fax preference pane, using the 
Printer Setup Utility in /Applications/Utilites, and by 
choosing Add Printer,,, from the Print dialog in any 
application (which then opens the Printer Browser in the 
Printer Setup Utility). 

In Leopard, Apple has simplified matters somewhat by 
removing the Printer Setup Utility. This may confuse your 
users who yoiTve upgraded from Tiger. If they are not admin 
users, the Print and Fax preference pane will be of no use to 
them, either. You can of course tell them to use the Add 
Printer... item in the Print dialog. But you may want to 
increase the chances they'll figure things out for themselves 
by partially restoring the missing Printer Setup Utility. 

We'll do this by creating a symiink in 
/Applications/Utilities named '“Printer Setup 
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Utility.app” that links to the AddPrinter application in 
/System/Library/CoreServices: 

stido In -s /Systsm/Library/CoreServices/AddPrinter.app \ 
/Applications/Utilities/Printer\ Setup\ Utility*app 

Now when you users go looking for a tool in the Utilities 
folder to help them add a printer, theyl! find one. 
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AddPrinterapp 


This isn’t a perfect solution. AddPrinter doesn't act like a 
standard application, since it wasn’t designed to be one. It 
doesn’t have a menu bar, it doesn’t appear in the Dock, and it 
doesn’t automatically come to the front when opened. This may 
confuse your users. You may want to decide whether or not 
making it available in this way will lessen your support burden 
or increase it. 

Conclusion 

[f Leopard's printing changes have caused support issues in 
your environment, you now have a few tools to use to help your 
users help themselves! 
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by Rich Warren 


Why Web Development? 

Let's start with the obvious question. The iPhone SDK gives 
us the ability to make native applications. Why should anyone 
bother writing web apps anymore? 

Well, web applications have a few advantages over their 
native counterparts. For example, you don’t need to install 
anything on the iPhone. The application and all its data live 
on the server. I don’t know about you, but my iPhone 
usually stays around 90% filled. At least for the foreseeable 
future, disk space on phones will remain at a premium. 

Having the data on the server also makes it easier to 
collaborate with others. Instead of emailing documents back 
and forth, everyone just logs in and works online. Similarly, 
web applications enable social networking and wisdom-of- 
the-crowd applications. 

Having the application on the server also makes it 
easier to push out updates and bug fixes. Your users don't 
need to download and install the updates. You just change 
the code on the server. Everyone is updated automatically. 

For its part, the iPhone looks like a desirable market for 
web applications. The iPhone has near-ubiquitous web 
access. You are not tethered to a LAN or wireless hotspots. 
Additionally, most people keep their phones with them 
almost all the time. 

Also, the iPhone provides an easy-to-target platform. 
We know the screen size and resolution. We know the 
browser. We don’t need lo build and lest against dozens of 
different hardware and software combinations. At least, not 
yet. 

While iPhones still represent a small fraction of the total 
web traffic—it is a growing percentage. If you have an 
existing web site or web application, you may want to target 
iPhone users by building a web interface especially for 
them. 

Finally, Apple must approve all native applications 
before they can be sold on iTunes. Web applications do not 
require approval. All you need is a little server space, and a 
willingness to hack HTML This gives you more freedom in 
how you market and sell your software. For example, you 
can play around with different pricing models, anyiliing 


from begging For donations to recurring subscription fees. 
As an added bonus, you don't have to share the proceeds 
with anyone. 

Throughout the re.st of this article, we will look at tips 
and tricks for developing web sites for the iPhone. Apple 
has identified three typical development scenarios: 
compatible, optimized and application. The article will 
Follow this structure. We will start by discussing how you 
can ensure your web pages are compatible with the iPhone. 
We will then look at optimizing a web page to provide the 
best iPhone experience. Finally, we will talk about building 
iPhone-specific web applications. 

Compatible 

Basically you should use established web standards, 
and make the web site compatible with Safari 3. Currently, 
Apple recommends the following: 

• HTML 4.01 or XHTML 1.0 

• CSS 2.1 and partial CS53 

• JavaScript (ECMAScripi 3) 

• Ajax (including XMLHTTPRequesi) 

• If it works on Safari 3, it will work t>n the iPhone. 

• Unless it doesn't. 

While it's true thai the iPhone uses Safari 3, the iPhone 
version is not exactly the same as the desktop. They are 
pretty close, and you can (and probably should) use the 
desktop version of Safari for development and initial testing. 
However, you will eventually find a few, rather important 
differences. 

For example, the iPhone sets strict limits on resources. 
You can only open 8 pages (the equivalent of 8 open 
windows). Any downloaded resource (not including 
streamed-media) must be less than 10 MB. And, all 
JavaScript must lake less than 5 seconds to execute. 
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Project 

Project ma^nagement for the rest of us. 


Wl lile Ollier projecl managers spend most of their time entering 
project I racking iritormaiion, you use Project X’s unique Web 
App to let your resources take care of the tedious data entry. 

One click instanlly incorporates time sheets, expense reports, 
and other task Information, so you can spend time where it 
counts—managing your project! 

Successful project management has never been so easy, 




There’s no mouse cursor You don't really have 
windows or scroll bars, and pop-up windows are blocked 
by default. You cannot print from the iPhone, and you 
cannot access the file system (that means no uploads or 
downloads). 

Additionally, Safari on the iPhone does not support the 
follownng: 

• Java Applets 

• Flash 

• SVG 

• XSLT 

• Plug-ins 

• Custom X.509 certificates 

• WML 

• Mouse-over events 

• Hover styles 

• Tool Tips 

• window^showModalDialogO 

Fair enough, but what does it support? The iPhone can 
view^ (but not edit) PDFs, Word documents, Excel 
documents and text files. We can also use the <canvas> 
tag for vector animation. Canvas allows us to define a 
drawable area on the web page. It was originally developed 
by Apple for the Web Kit, and has been used in many 
Dasliboard widgets. Recently, several other browsers have 
added canvas support, including Fire Fox and Opera. For 
more information, check out the Web Kit DOM 
Programming Topics: Using the Canvas at 

http:// deveioper.apple.com. 

As an iPod, we expect the iPhone lo supports a wide 
range of media. Audio is rather lenient, it supports several 
different formats, including AAC, MP3, AIFF and WAVE. 
However, creating video for ilie iPh()ne requires a bit more 
thought. 

The phone has a 480 x 320 screen. Users can toggle 
between full screen niode (where the image is centered and 
cropped) and letterbox mode, where the image is padded as 
necessary. Apple recommends scaling your video so that it 
fits within a 480 x 360 rectangle, while still maintaining the 
original aspect ratio. 

The iPhone supports .mov, .mp4, .m4v, and .3gp video 
files. It also supports the following compre.ssion standards: 

H.264 Baseline Profile Level 3.0, up to 640 x 480 at 30 
fps (B frames are not supported). 

MPEG-4 Part 2 (simple profile). 

AAC-iC audio, up to 48 kHz. 

Detailed instructions for creating and embedding video 
can be found in the Safari Web Content Guide for iPhone: 
Creating Video at http://developer.applexom; however, 
here’s the quick and dirty version. 

While you can set the video encoding options by hand, 
it's much simpler to use an application with iPhone presets. 
The easiest options are QuickTime Pro 7,2.1 and iMovie '08. 
Both allow you to automatically export videos diat are 
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optimized for the iPhone. These presets provide two 
different options, a lower quality that is suitable for 
watching over an EDGE connection, and a higher quality for 
wireless access. 

You need to export a version for each format you wish 
to support. You probably want at least iPhone Edge, iPhone 
wireless and one or more desktop versions. 

But, now that we have three or more copies of the same 
video, how do we host them? Obviously we could offer a 
link for each version, and just let the users decide. But. that's 
just asking for trouble. Sooner or later, someone will pick 
the wrong version, and then post a blog entry about how 
your site sucks. 

Fortunately, there's a better way—QuickTime reference 
movies, Basically a reference movie is a collection URLs, 
each with a series of tests, QuickTime automatically checks 
the capabilities of the connected device and the network 
speed. It then selects the best movie based on these tests, 

QuickTime Pro 7,2,1 automatically creates reference 
movies when you export web content. Select File > Export 
for Web, In the dialog box, provide a name and location for 
your movie. Make sure all three versions (iPhone, iPhone 
(cellular) and Desktop) are selected. Choose the desired 
poster image option, then export. QuickTime will 
automatically create optimized versions of the video for 
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each selected format, a reference movie, a poster image and 
a ReadMe.html file for your videos. 

iMovie '08 only exports one format at a time. For these, 
export all the versions you wish to use. Then manually build 
the reference movie using the MakeRefMovie utility. You can 
download this from http://developerapp le.com/ 
quicktime/qukktimeintro/tools/. 

Note: you may want to use MakeRefMovie, even if you 
have QuickTime Pro on your system. MakeRefMovie gives 
finer grain control over the tests. You can set the desired 
network speed, the language, the CPU speed and more. You 
can also explicitly set the priority for each version in the 
reference movie. Finally, you can mark versions as iPhone 
only. 

Finally, to actually host any media files, you must 
configure your server to use byte-range requests. The 
iPhone uses these requests for random access of media files. 
Fortunately, most HTTP 1.1 servers already support byte- 
range requests, so you should be OK. Just keep this in mind, 
if your video or audio doesn't work. 

For the complete list of supported audio and video, 
check out the Safari Web Cantenl Cktide for iPhone: Use 
Supported Rich Media MIME Types page at 
http://developer.apple.conn. 

Optimized 

Optimized web sites are specifically designed to work 
with the iPhone, They must still consider all the 
compatibility issues mentioned earlier, but now we custom 
build each web page for the iPhone’s screen. The layout 
takes advantage of the iPhone's shape and size, while user 
interface elements make touch-based interactions easy. And, 
the sites focus on just tho.se features that users really want 
to access on the run. 

Apple makes the following recommendations for text: 

• Use a 17px to 22px fonts, 

• Use bold for emphasis and to delineate lists, show 
hierarchy or sort order. 

• Make labels as succinct as possible. They should start 
with a capital letter. Do not end with a colon. 

• Left align text, especially in lists. 

• Avoid using underlines in links. It can make the text 
appear crowded. 

Remember, we are working wnth a very .small size, and 
potentially over a very slow netw^ork. We don’t want to send 
more bits over the air than necessary. In general, images 
should be reduced to fit on the screen. If you want to 
provide a larger image (so the user can zoom and pan over 
them), you can create a link from the smaller placeholder. 

Controls, on the other hand, need to be big enough to 
touch easily, I would recommend making the active area at 
least 40 x 40 pixels. 

And, remember, a lot of the screen may be taken up by 
the Safari's controls. The size of various buUt in components 
are listed below: 
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Control 

Portrait 

Landscape 

Status Bar 

20 px 

20 px 

URL Text Field 

6 0 px 

60 px 

Button Bar 

44 px 

32 px 

Keyboard 

Form Assistant 

216 px 

180 px 

Buttons 

44 px 

44 px 

Total Height 

480 

320 

Total Width 

320 

480 


Best-case scenario, you've got the iPhone portrait with 
only the status bar and button bar showing. This gives you 
a maximum of 320 x 4l6 px. If the keyboard is displayed, 
the screen space drops to 320 x 156 px. Landscape, you 
would have 480 x 268 px and 480 x 44 px respectively. Plan 
accordingly! 

Also, you may have noticed that the iPhone has a 
somewhat unique user interface, WeVe already mentioned 
that there's no mouse. No mouse means no mouse pointer, 
and this means you cannot use hover events in your page. 

We don't have scroll bars. While the iPhone’s flick scroll 
is fine for short documents, flipping to the 400th page in a 
PDF gets old fast, The lack of scroll bars also means the 
users may not realize that there is additional information off 
the screen. So, you may want to break things up into screen- 
sized chunks. 


Additionally, we don't have a keyboard. Not really. 
Don't get me wrong, the iPhone’s virtual keyboard is nice, 
but it’s no replacement for the real thing. Typing on the 
phone can be slow and error-prone. Try to limit the amount 
of information that users must type. If possible use drop 
down menus, or remember their information and reuse it the 
next time they visit your site. 

Finally, the users often treat the iPhone differently than 
a desktop browser. With the iPhone, the Internet is available 
almost anywhere, but it might be painfully slow. So, focus 
on a few key features—things users might want to access 
quickly while running around town. Also, keep the pages as 
light as possible to improve load times. 

OK, you’ve got the basic layout down, but how do you 
serve it? You have rwo options. The easiest approach is to 
build an entirely separate set of pages that are optimized for 
the iPhone, and have them accessible through a special URL, 
Of course, when 1 say simple, I mean the setup is simple, 
You still need to ensure that all iPhone visitors know about 
your special URLs, Good luck with that. 

Alternatively, you can make your site automatically 
serve iPhone content to iPhones, and desktop content to 
desktops. We’ll look at two methods for doing this. First, we 
will automatically send iPhone-only CSS style sheets to the 
iPhone, Then, we'll .scan the user agent string and determine 
what type of browser we’re dealing with. 
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iPhone Specific CSS 

Sometimes you can optimize your site by just providing 
different CSS style sheets for the different browsers. We do 
this through the media link. Note: however, this is not an 
exact science. We use the browser’s minimum and maximum 
widths to infer the browser type. However, other mobile 
devices may have similar sized screens. This may or may not 
cause problems, depending on the page's content and 
layout. 

The following link will load an iPhone specific style 
sheet: 

(link inedia”“aiily screen and [max‘ device - width: 32Dpx)" 
href="iphone. css" type^'*text/res'* rel-^style'sheet"> 

The desktop version can be loaded as follows: 

(link media””only screen and (min-device - width: 321px}’' 
href="iphone,cas" type""text/esa" tel"”atyle“sheet 

You can even combine min-devlce-width and max- 
device-width to further restrict the choices. 

(link niedia="only screen and (min-device-width: 320px) 
and (max-device-width: ^ZOpx}” 

href”"iphDne.css* type““text/ces* rel“*style-sheet") 


Note: even though the iPhone has a 480 px width while 
in landscape mode, it always loads the CSS style sheet for 
320 px wide media. So, you cannot use the media link to 
distinguish between portrait and landscape mode. 

One of the main advantages of working through CSS is 
that you do not need to write any server-side code. The 
browser handles everything automatically. However, CSS is 
limited. You can change the look and feel of the web page, 
but to really alter the content, you may need something 
more. 

Parsing the User Agent 

Many web sites are built using JSP, PHP, Ruby on Rails 
or some other web-programming platform. All of these can 
scan the browser’s user agent before programmatically 
building your web page. If the browser is an iPhone or iPod 
Touch, the application builds an iPhone-specific page. 
Otherwise it builds a regular page. 

In general, parsing die User Agent string (also called 
"browser sniffing”) is frowned upon. It's better to use Object 
Detection (where you check the browsers capabilities, 
rather than the browser type). However, when youYe 
working on something as specific as the iPhone, sniffing 
may make sense. The iPhone is different enough in both its 
form factor and capabilities, it deserves special treatment. 




Future MQdlQ Concepts 


Training a New Generation of Digital Artists 


FMC Provides 


Certified trainers and curriculum. 
Small class sizes. 

State-of-the-art equipment. 
Manufacturer's Certificate of Meri1 
All level courses including 
certification exams. 

On-site training worldwide. 
Corporate training programs. 


Mac OSfnLeopard 


Classes forming now. 






Mac OS X Certification at FMC 



Authorized Tra I n i ng Center 


www.FMCtraining.com | 877.362.8724 


New York," Boston - Washington, DC • Miami ■ Orlando ■ Chicago & Midwest • Dubai 
















Record. Edit. Play. 



Using WireTap Studio, you can record the discrete audio output of any 
application, as well as all system audio, or record audio input from any 
microphone, line-in, or audio input hardware. 

If you can hear it, WireTap Studio can record it. 




Download your free trial now: http://www.AmbrosiaSW.com/MacTech 


AMBROSIA* 


Workj with 

.mac 


Wlr^ap Studio requires a Mac wftti an Intel, PovmVC G5, or PowerPC G4 (iGHz dr faster) processor and Mac OS X 10*4 or later 
WireTap Studio^. Ambrosia Softwarej Inc*, and the Ambrosia SoftwareTogo are registered trademarks of Ambmsla Software, Inc* Aii other 
- brand, product, service, and feature names or trademarks are the property of their respective owr^ers* 









































































































The iPhone's user ngeni should appear similar to the 
following: 

Mozllla/5.0 (iPhone: U; GPU like Mao OS X: ea) 
AppleWebKit/420.1 [KHTML. like Gecko) Version/3,0 
Mohile/4A102 Safari/Aig.3 


This can be broken Into the following segments: 


Segment 

Platform String 

Web Kit Engine 
Build Number 
Safari Family Version 
Mobile Version Number 
Safari Build Number 


Substring 

(iPhone: Ui CPU like 
Mac OS X; en) 

AppleWebKit/420.1 

Version/3.0 

Mobile/4A102 

Safarj/419.3 


It is probalily simplest to just search the user agent for 
“'iPhone’*, Of course^ the iPod Touch uses a different 
platform string, (iPod: U: CPU like Mac OS X: en). 
If you want to support both, you will need to look for both 
versions. Likewise, if Apple ever releases the mythical PDA 
or Tablet sized touch screen device, it will probably have its 
own user agent. Now, we start to see why browser sniffing 
can become a problem. 


To Sniff or Not To Sniff 

Personally, I like web sites that automatically serve up 
iPhone specific versions, but that’s not a universal 
preference. The Safari browser does a good job handling 
most content, and some users feel cheated when they see 
stripped-down pages. They want the full version with all the 
bells and whistles. 

Therefore, iPs usually a good idea to provide easy-to- 
find links between the iPhone and full versions. If you really 
want to make the users happy, remember which version 
they last visited, and give it to them when they return. 

Application 

Alright, now it’s time to build actual web application for 
ihe iPhone. Of course, the dividing lines between 
compatible pages, optimized pages and fulbbore web 
applications is hazy at best. Basically, a web application is 
just like an optimized page, only more so. 

Applieations should be even more loeused. We often 
talk about feature creep in desktop applications^—but a 
desktop appheatinn can afford a hit of bulk. We have more 
screen space for things like complex toolbars and long 
menus. Applications on the iPhone do not have this luxury. 
The best developers .strip their applications down to the 
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bone. Bottom line, resist the urge to add features for 
features sake. 

Almost by definition, the application should be 
interactive, and it needs to respond quickly to the user. That 
almost certainly means using AJAX for much of the 
interface. 

One of the key differences between a web application 
and an optimized web page is that the application tries to 
mimic the look and feel of the other, native iPhone 
applications. As much as possible, your web application 
should not feel like just another web page. 

For example, iPhone's ability to zoom through a double 
tap or a pinch is impressive’—but it is not used in most 
native applications. The interface simply fills the screen’s 
width, and only vertical scrolling is allowed. 

We can prevent zooming and horizontal scrolling in our 
web applications by adding the following meta tag to our 
HTML’s header: 

<meta name=''vlewport" ccintent="width-dlevice-wldtlo 
lEitial ■ scale“l. 0 ; maxiniuni • 3cale=“l . 0 : user: ■ scalahle=0 pV ) 

Now, we want to make the page look like an iPhone 
application. Fortunately, we don’t need to create all the CSS 
and JavaScript code ourselves. Joe Hewitt has released a 
small collection of graphical elements, CSS style sheets and 
JavaScripts that mimic the iPhone’s native look and feel. His 
iUi project can be found at http://code.google,com/p/iui/. 


To use iUi, simply link you page to the CSS and 
JavaScript files. Your web page can contain both hidden and 
visible elements. Indicate the initially visible elements by 
setting their selected attribute to true. Use anchor links 
to navigate between elements. The scripts handle everything 
else automatically, Here’s a quick sample: 

Sample iVi Application 

This shows a simple, two page iUi application. The iUi 
framework starts by displaying the home <ul>, JavaScript 
handles transitions between ^home and ^next, sliding the 
pages in from the left or right, as appropriate. 

(lEOCTYPE html PUBLIC "-//WBCy/DTD XHTML 1,0 Strict//EN" 
"http://WWW..org/TR/xhtml1/DTD/xhtml1- 
strict,dtd”> 

<htnil> 

<head> 

<meta naiiie=’'viewport" content="width=device-width : 
initial-sea] c-1 H 0 ; maximuni-scale=l, Ot user- 
scalablE=0:"/> 

<styl 0 type="text/css" inedla=”screen">@import 
"iui: </style> 

<script type“''applicatiDn/x- javascript" 

Eri: = '"iui/iui , ]E")<^/$cript) 

<title>My iPhone App</title> 

^/head> 
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<body> 

<div £ilaHB=”to{:3lbar“) 

<hl id=''pageTitle">Fake App</hl> 

<a id=”backButton" class="button‘' 
href="#"></a> 

<a claBs“"biittoii'‘ href=''#aext'‘>riGxt<Aa> 

</d±v> 

<ul id“‘'hoine'' title”’'My List"' selected°="tr\ie’'> 
<ll><a href=''#uext*>Tbia 1 b a lifit</a></li> 
<li>It la a really cool llst</li> 

<ll>Just a little short.<7li> 

</ul> 

<div lti="next'' title”"The Second Page" 
clafis-^'panel") 

<h2>My Group i</h2> 

<fieldset> 

<dlv clasB“'"row''7 

<lahel>TbiB Is still a list.</label) 
</dlv> 

<div clas3=”row") 

<label>It is still pretty cool,</label) 
< / dlv) 

<./fieldset> 

<li2>My Group 2</h2> 

(fieldset) 

<dlv class”"row”) 

<label>But it's a bit more 
complicated*</label) 

(/div) 

<dlv class“"row") 

(label)As you can see...</label) 

</dlv> 

</fieldset) 

</div) 

</body) 

</htitil> 


As you can see, the first div creates our toolbar. Initially 
it has a single button^ next, The application starts with the 
unordered list visible, and both the first item in the list and 
the next button are linked to the next div 

The next div is not visibly initially. However, it will 
slide in when either the next button or the first list item are 
pressed. It displays an iPhone grouped list. 
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www.mac-resource.com 

Mac Systems I 
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$59.99 
$99.99 
$ 179 * 99 
6 I u e T o o C h U p g r a d e s 
$39.99/59,99/79.99 


Parts, Parts, Parts 


We have an extensive 
supply of cosmetic 
parts for iMacs. G4/G5 
Towers, eMacs etc. 

LCD Panels for G4 iMacs 
G5 iMacs, Powerbooks 
and Displays. 
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Processors 


Processors For G4s, G5 6 Xse 
G4 466/733/800 S49/S149/S1 
G5 1.6/1.8GHZ 5399/$499 
DUAL PROCESSORS ($ PER PRO 
1 .8/2.0/2.3GHZ 399 / 549 / 599 
2.5DP/QP S699/$799 
XSERyE PROCESSORS 
G4 1.33GHZ DP $189 
G5 2.0/2.3GHZ $229/699 


Thousands of parts 
_ for all Ma c syst ems! _ 

1-888-Mac-Resource 


G4 466Mh2 $199 ■ 

G4 733/BOOMhz $349/$449 H 
G5 1,6n.BGhl $599/^699 H 
G5 1.8/l.OGhi DP$799/S1199 ^ 

G5 2.5/2.7Ghi DP $1299/$1399 
G5 Z.SGhx QUAD DUAL 0V| $1499 
NEED G5 or lilted IMACS? 

G5 1.6/1 . B/t .9Ghi 17" $ 649/$699/$ 79 9 
G5 1. S/Z.0/2-IGhi 20" $ 799/$B9 9/$ 99 9 
INTEL 1.83/2.0 CZD 17" $749/$799 
INTEL Z.0/2.16 C2D 20" SB9f/S999 
INTEL 1.16 CZD 24” $1199/$1299 
EMACS GALORE, GREAT WORK STATIONS 
700Mhi/1Ghx S149/S249 

WE HAVE G5 KSERVES AND RAIDS 
EVEN IF APPIE DOESN’TIfll 

J^G5 XSERVE CLUSTERNODES FROM S1429 
G5 XSERVES FULL UNITS FROM $16991111 
1 TB XSERVE RAIDS FROM $28991111 
Z.8 TB XSERVE RAIDS FROM S3999I1I1 
5.6 TB XSERVE RAIDS FROM S5499M11 
3.5 TB/7.0 TB XSERVE RAIDS $4899/56299 
RAID CARDS, FIBRE CARDS, DRIVE MODULES 
POWER SUPPLIES, CONTROLLER MODULES ETC 
OVERNI 


r SERVICE AVAILABLE!!! 1 

El 

1 Displays 


REFURBISHED DISPLAYS 



ADC 22"/23" Cinema; 5429/S499 
DVI 20"/23*/30'’ S499/5749/S1099 
15- Studio LCD: $69 
17” Studio CRT,ADC/VGA: $49.99 

Products refurbished or demo, 
call for more information 







































Komodo IDE 4.3 

\ 

Code. Debug. Edit. Share. 

Let Komodo sweat the details^^^ 

JT 

J 

f 



Code Intuitively 

Create great applications using dynamic languages 
and open technologies with Komodo IDE's award-winning 
mutti-language editor. Code client-side and browser-side 
apps simply and naturally with advanced support for Perl, 
PHP, Python. Ruby, Tcl, HTML, CSS, JavaScript, XML, 
and more. 

Work Smarter with Powerful Tools 

Focus on what your code can do, not on fixing problems. 
Find errors quickly with Komodo IDE's superior remote 
and multi-threaded debugging, solve tricky regular 
expressions with the Rx Toolkit, and get instant feedback 
from syntax checking and syntax coloring—Komodo IDE 
is jam-packed with intelligent tools to speed development. 


4 Download your free 21-day trial at: 


Build and Organize with a Team 

Get your project together efficiently with source code 
control integration, integrated project manager, and multi¬ 
user support. Team development is more fluid with the 
security and flexibility of Subversion, CVS. and Perforce 
support. Share file templates, common configuration files, 
and toolboxes to unify and accelerate teamwork. 

Develop Your Way 

Automate, extend, customize: hack away! 

With Firefox-style extensibility, highly configurable run 
commands, and powerful macros, you have complete 
control of your IDE. And you’re covered wherever you 
want to work with Komodo IDE’s flexible multi-platform 
licensing for Windows, Mac OS X. and Linux. 


www.activestate.com/MacTrial 

ActiveState 


ActiveState and Komodo are tmferrwks of AcUvSStaEe SoTtwgrs he in the United States aod/or oflw ctXMitries. Al other maiKs are pnoperty of their respective cjwners. © 2000 AettveStete Software !nc. AM rijjhte reserved. 




































Connecting to Other Applications 



LassoSoft.com/LDC 


Not all web applications are an island. We can leverage 
some of the native applications through specialized URLs. 
Specifically, we can access the phone, Mail, Map and 
YouTube. 

Let's start with the simplest. By default, Safari 
automatically detects phone numbers and converts them 
into links. The user just clicks the link to call the number. 

We can turn off this auto-detection using the following 
meta tag: 

<Tneta Tia]iie=''format-detection^ tontent='^telephone=no''> 


We can also manually create phone links: 

<a href=*^teI:l-800-123-4567">l-800-123-4567</a> 


Accessing the Mail application is almost as easy. Just 
use the mailto: link. Remember, we can fill in more than just 
the To: address. 

href=''inailto: John.doeSanonymoua .CQiii?cc^jan6.doe@anoninous.c 
oin£( 

sub ject=New%20Application&body==guest%20atcount'’>request 
guest acE!ount</a> 


Early-Registration available now! 


See the Web site for complete details* 


Lasso supports the databases and 
technologies you need to untangle 
your Web infrastructure Create 
Web applications using Lasso's 
powerhil and easy to learn 
scripting language. 



Combine data from multiple data sources such 
as FileMaker, Oracle, SQL Server, and MySQL. 
Utilize advanced techniques for AJAX and Web 
2.0. Parse and publish calendars, RSS feeds, 
and more. Integrate with Google, PayPal, and 
Authorize.Net. 


Download the free Lasso Developer 8.5 today 
and try out Lasso for yourself. 



LassoSoft.com 


We can launch the Map by linking directly to Google 
maps. This has two formats. The first will place a single pin 
at the given location. The second will create a route 
between the source and destination. Both are shown below: 

<a 

hrGf“'*http: / /maps. google. com/maps? q=honolulu, +HI ">HQnolulu 
</a> 

<a 

href=”'http : / /maps , google . com/maps ? daddr-waikiki,+iil&saddr“ 
airport 

lhonolulu.+KI">To Waikikl</a> 

We can also launch ihc YouTube application by 
creating a link containing the video identifier. This has two 
equivalent forms: 

<a href=’*http : //vww*yotitube.coin/watch?v=Yzl-oPxOcIk*'> 

60 Second Keynote</a> 

hrGf=''http ://wvw. youtube. com/v/Yzl - cPxOcIk)60 Second 
Keynote</a) 


Note: however, you cannot embed the video in your 
page. Rnibedded YouTube clips require Flash, which is not 
yet available on the iPhone. If you want to put iPhone 
compatible videos on your web page or in your w^eb 
application, you must use one of the links above. 

Finally, to give our pages that real application feel, we 
should create a w^eb clip icon for our application. Icons 
should be 57 x 57 pixels. Note: Safari will add a glassy 


WWW.MACTEGH.COM 












Premium Small Business Management 
and Accounting Software 


and now 


Point of Sale for Mac 

MYOB Checkout 




Mind Your Own Business. Smarter. 

800 322 MYOB (6962) 

WWW. myob-us.com 
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overlay to out icon, lo help it match the native iPhone icons. 
So, don't be surprised if it looks a little different. 

To set a default icon for the entire site, place a PNG 
image named “apple-touch-icon, png” at the root directory of 
your web server This is similar to setting a site’s 
“favicon.ico” icon. 

We can also override the icon for a specific page by 
adding the following to the page's header: 

<link rel^^apple-touch-icon" href="/iJiyIcotL.png"/> 

That’s it. Publish your application to a public server, and 
your application is deployed. 

Development Tools 

Web development often includes multiple pieces 
written in different languages. We use HTML for the content, 
CSS for the layout. We create dynamic content using a 
programming language (etc PHP, Java, Ruby, Python), and 
manage interactive bits using JavaScript, 

A mistake in any part of the page can create bugs for 
our appllcatioo. Unfortunately, this mishmash of techniques 
and technologies can make it hard to find and fix the 
problem. Fortunately, we have a number of powerful tools 
at our fingertips. 

iPhone Console 

First and foremost, we can turn on the iPhone’s debug 
console. Launch the Settings application. Tap Safari, dien 


scroll dowm and lap Developer, Once there, we can toggle 
the Debug Console on and off. 

The console will log error messages and development 
tips for HTML, CSS and JavaScript. We can also explicitly 
send messages using JavaScript. There are four message 
levels: log, info, w^arn and error. However, info is the same 
as log, It was just provided for backward compatibility. 

Sample Console Messages 

This show^s the four different types of console message. 
Again, log and info messages are functionally equivalent. 
They will appear the .same on the iPhone, 

console.log("this is a log tnessags"): 
console.info("this is an info message’'): 
console.¥arTi("this is a warning"): 
console.etror("this is an error"); 

When the console is active, Safari will show a banner 
over die web page. The banner will either list the number of 
messages, or simply state No Errors. If you have messages, 
you can click on the banner to view^ the complete list. Once 
in the console window, you can filter the message to see 
only HTML, CSS or JavaScript. 

Note: the banner is only visible w^hen the URL text field 
is visible. If your application automatically scrolls the URL 
field off the screen, you w'ill need to scroll back up to find 
It. 


The Best Tensioned Screen Just Got Bigger 



Tensioned Cosmopolitan® Electrol® 
Now Available CJp To Sixteen Feet 
SEAMLESS 



Weighted ^uminum slat bar. Two piece aiuminum esctruded case, 



For a free catalog and screen recommendations, call 
toil free or visit us online. 

1-800-622-3737 

www.da-lite.com • info@da-lite.com 
574-267-8101 








































Plays well with others. 

Run Windows and Mac OS X at the 
same time - without rebooting. 




With Parallels® Desktop 3.0 for Mac, you can: 

• Automatically open Windows files with Mac software and Mac files with Windows software 

* Bulletproof your virtual machine from Windows system crashes and malware 

* Run selected Windows-only 3D games and applications with 3D graphics support 

* Browse through Windows files and folders without launching Windows 

• Move your existing Windows PC to a Mac without losing data or reinstalling any software 

• Completely share fifes and folders between Windows and Mac 


II Parallels 


Parallels® Desktop 3,0 for Mac provides even more ground 
breaking features and capabilities than previous versions* 
Already The Selling Mac System Utility according to NPD 
Tech world {09/06 -12/07) and recently named an Info World 
Magazine “2008 Technology of the Year”, Parallels® Desktop 
is trusted by over 800,000 users world wide. 

Want better Windows and Mac integration? Want to run the 


hottest PC games and graphics software? Worried about 
security and system mishaps? Parallels® Desktop 3.0 for 
Mac includes 50+ new features and enhancements, includ¬ 
ing a number of integration features and virtual machine 
utilities unavailable anywhere else. 

To discover why Parallels® Desktop is the leading desktop 
virtualization solution for running Windows on a Mac, visit us 
online or call us at 1 (425} 282-6405. 


Download a trial today at www.parMers*com/d6wnl6ad 



OF SHOW 

anooonT 


Website - www.parailels.com Email - salesi^parallels^com 


Phone - 1 (425) 2S2-6405 


























Web Inspector 

Safari also comes complete witli a HiU debugging suite. 
However, these optioas are hidden by default. To turn on the 
Develop menu, enter the following at tlie command line: 

defaults write com,apple.Safari InciudeDebtigMenu 1 


Tlie Develop menu gives you a number of optioas. You can 
open the current page with another browser. You can sec your user 
agent string, letting you mimic other bRJwserB, You can even 
disable everything from the caches to CSS and JavaScript. 

Mast importantly, however, you can launch the Web laspector. 
The Web Inspector is your own, personal CSI lab for investigating 
web page pmbiems. !t has three main views: Inspector, Error 
Console and Network Timeline. 

Tlie Inspector shows all tlie resources loaded with this web 
page. All the himl files, CSS sheets, ^ript files, Images, whatever. 
You can look at each one. Images are displayed as they will apj’iear 
on screen. CSS and scripts show the complete source code, 
Howev’er, the HTML view is by far the coolest. 

You can view HTML as either raw source or a DOM tree. The 
source view provides a nice syntax-liighlighted view of the source 
code, but there's really nothing special here. The true magic comes 
from the DOM tree. 

When you click on an element in the DOM tree, it will 
highlight tlie corresponding portion of tlie web page in Safari. Tliis 
lets you easily, visually match code to content. Tlie right sidebar 
dso show you tlie computed or inlierited styles for tlie selected 
node; the border, margin and padding for the node, and any 
properties. 

Finally, Safari includes a liandy shortcut for inspecting 
particular parts of the page. Right click on any item in the web 




Web Inspector ^ http://192.169.0.101 




»paCU*«EWT5 


TiT>tE5HErT5 


backBuntin.pns 




MnAntM.png 

r'pAAfW/lUr 




IJ»t{;roup4!irte 

/^ObQMj'lUP 


Icudins.gH 




saectian.png 




▼ mtiodf ORiodd - iQjidcr 
T <rdtveu»i«‘taEtriur'> 
cHl bd 

ta K}. ciws* Dutton" rtr#t -1 dliptiiv oofle. ’> 

</d)v> 

* Id - 'haiTW btJ* un'* wtciiMt - 

tr~Z- 


bi a rcdllv cool 

<di¥ m 3 ■■ next' Second Paue' - "panet^^ 

-cd.v W * >fe4ftadirr’> 

«VOO#v> 


toa^lur4ing 


tool flutlon .png 


I Corute 

■ l *f?W. liMfAlng 


Neiwoiit 


body ul^ome il 


Web Inspector 


(Hiding-dottom: tpk; 
padding-Id^; Ifipx 
paddingi2px 
paddtog - top 
text -decoration, 
widtn l0$4pK. 

Iwdy III > II > i 

9^ backareund urttEUUtlUiLl. 
coloi inherft, 
dim^jy bldctt. 

*■ margin Spx Opx Spx LOpx; 

* podding Sp* flpx lOpn. 
text-decoration: rwne. 

ii;-mbkbf-jiiiv~llnli 
user agent sVeshect 

tf m ■ ,■—w t ilx it lin k 

turgor. lUtO. 


-;j 0 t09*^2i \n 


HTWLAncIvarEiejnftiit 

accessKey: 

► attributes t^4m«l^,^deMap 
basoURl: "hrtp //19M64 D L 
charset 


HTMUtetchorElcmefit 


WWW.MACrECH.COM 




































































THINGS MADE IN CHINA 
COMPRESSED BY 

STUFFIT DELUXE 

SOflWWtE HH 

^ ■«. ~ • 11__ 

• ■—-r t«4i .K _«o'li . S§ 4 e ^ 

»% l.l^i ■i7ra*&- t&l l|t, • 

- -iSv ■•I*.- - - -- -- - -- - 


9J*l f^ft*-***^ i-*'- ■• !■»'»'>■•■■•. I Ckm'LHiBVWBiwii m* t' •*■ • 

li«^ P«v<!SV-IH «••’-»«%••/-■ in. 1©^* 

»T»*!ar«4Tr.ov # -. • ^# ' fc B^46l>*''“*i**S•“ 





* f tk A I ‘i «• i 

»-4A.i *i' a 

iS r ■ 14 ^«v I ap—i; u e \ J » • 4 -^ • r 

-jlkl'01 v|'»*lil>=>B 8 ~ _ _ - - _ _ - - -_ - _ . _ 

v*r ■ . «a;4f.f|e».r.v «-3l »«•■ «^’<«a 8 «!.••«-L^**e>»B‘- 


M« • n-« • |Baa^4 «, ■a.n'i* KtBB# 
_ 4-^'r - A ■*•.•“« 

~ S 1. aS,«S*^0«B»::^ ♦■■il—?-.#»=''a -la .* iav>a/ •»!••<'* 6 

••• 1 “ — CEsT— a j**.ail 1 -■fci^Cia-Q»y^ -♦—•% * = 



6gB * rf21a..i*fli“? 

«•><»<tCA ^.#t *al. fal 
a't<aiBa»'>-i:> iip-^ . _ . 

£4St“-“l4i»»*=tti3'‘ -»■ Jl3«nSira= f " 

V L^*b 'Bw: J f ;» ■'i.;.-aalJBi • l < _ .. ^ __ _ . 

B«<ag» I ¥>»>>.db ir-1' B«,ia E yQ'-a't s, el4 iS < u ar .**8all f »*»« laa c—s. 
»'» 11 .•wi_-EBJ »>at :*.'a.-.'-!*..k.»-*_ t^4i,-:.ta| -I *.« tS-.r--? aift|B.ti« B 


■n." t fc • affcal-v •»#» -l<‘|Brr-i.:i*-a‘i;»B*- B-ss-B-a-^ 

a Ba g laaa ft'-a**- -SE~ 2 R-“»*. T A 4 P>ii««f 4 j* -a* 

;an.a rf»y •_ to J-5' 

-- - I 5>il J * ^l^• fci l*a-Bl “-Ja »“4r.*» •» Trt».?*?>.l i-»5B “ ‘ 

■ -E%EB • - *. BB i a. I + n.B« .. —-5 Q - 

;» ■'i,j.--«alJBB* 1 / il*j.| i4t.-.=n5a| ¥l^t 


^3B3lM' 

•ai5.\ 

■a ;- .B^' 

‘If 

_ _ . __ i BB^ ta < u ar.*aBaBf »a=« ipa, _ 

• ■'»'•■•.:■ I I .•wi_ -'tB(» >at ti}*4vf;.ta| -1 k ■ iS.^F-<p at **B««i* B 

r -HC'Sr«B‘'^‘4^^'M ' J ^ laBaBs^^ |A*t'la >*'{ • B IBb 9Bi«* 

& » >a4-at « l«,t B .»'7 'F’|b»*-* -ii|B*;S -yvl—Bj*** I?, 

' Of aK.k tf!l mB I 41^}-.' •‘Uc4 • ai •». ixa .»• ffc "•#'(* p». tit iki. JB ?(!■/•> ■^<ia i* 

B».'..',l*»l*«% ABi»3—4* 'a**l B-Bl-iB*-^v- BalAa >»• « 

L - ••/4» »a/*B «BaV .,..iik4w,# I*.■jfsaaa.*- i»«f » jf^iajat J }< • *<4 


I*; ■ ■^#'->1 t 

^ = 8* .*i-Ai**«5* 

•• aBa'<4ars“v 


.•4\Ta 


i| « 411 .<-- ._ _ _ 

—*4-8. i gi-;!,? *a«Sa*»''“403fs*t'C4 6 ' 


• .'jf'Q* 

&i->,ir44 8 


D*Fi^3ak“a>" a« l 


yan** Jt'aoa ng 

_ -_ - , -«a«Ba'“«^ 

B'«8 aya'<4ars“v ,» a* *As-»b*lB if !4*l S4'* st-l '«.<»•» B 

</4 4B< f:!a a -^B Si i/ti Rt ii^-'^vaoA -^a'l««.>• Bui a*.- g'^ > |ai4 |4 e> 4 i,*#** i M.ri 

*f iiV. ^*71*^1 • ♦ • B4I—-BBFi^a. 3*4 ' •j<»4aBlli-i *4Bt4B/«» —4 a«4*;iiai'*«iB»-% a ^ 

•■a 'Fy.f'ii S w 4X •*■ -g.^o. a%r Jtt:5‘« ^B^BBakl—t'lB — 

j*-ri,«8l 5®H..».a.. 8n..«^l.£4|» I - 4^3i'.ni^t »Ba-asg«if*c,''^v- •giak4.4itf as. ■ »%a».,-V, 

3 i J«»t’ii.i-#«b-»4ato e4'4-ji-fc Bi.,4 _ “vv-. BaB44rfc 5*t:8-*0**8*=>*-"2**‘'*“8*SB f »*■»*>■“ ■ ■'" l4 

\ lelLMrPI-M m - V %^AJi »a^44**3F +S » 

« 3 /iil^ |,f ft" * JI-*"" **^*-*'^''^* • J 8 It**® 



laDt J =11 • 

^ . 40*g*=tBa-i 


e3v«Mf%ii|4t'.g 1 

• Mi* I '• I* ' St’ 

• ■••Vi—i»'D.ai-*f il584- 


)»» BCfc'** ' 4.3 88''5"*» 

B » ■43'*j**4.4fc,^ . «-llt4».»0/t,t, I K4*4-4«a—t>^\l4 

?«4aik-n <»1.8^B j£ |- i |—l**ia—t.-.kw«”38.*t it .« 

*a.3)r .*»»»-! -/aj;£.»4!!git. •B-»-»4f«3*!l%i4.i4i gB4|r'*Ba.4't-'-8J®sa--at-a#»n| i I4tt 

*-X^'Jiae>*h.‘*"0 ' a — , : --?h..>4»«t. 3 ii ff-BjjFfa*- jlB-*—* 
f Ift^a * - as*.—fi-Bl* ' Aa:«ia«lf* i«- ■^*4t™4i c'** i o/4’*AM i 3.^8 >!» (B .ga't g 

f'f'*-*a-twiB8'4—n. w*g.fl||«»s;i «/—-Ag^t- -'i lsb*. > ^ I at 8a4| B.^ IB -1*^. 

^a i"=t'' i a* - a •S,'^'ia sgB- • r-B|vB^f44B'„ i 1 '4Ti^ 

4e-Sig4*l- s.3»- /i'.a-;'. .A54'ti«€Js.'4 *-41-.. 4"'4» «^*t4 f C t-*P* J • *• H 

*<-'—1 K «a-i.i HJ a- . Bb^ 

i%f Jiliaaft^a j*aiB| •!^l-^V*’*** ' 7^*14 44 I a4\ 

f‘ - 1, * ?'3 i —-.f-t i. t I Bli-i» = i» h. iUlEtf Jjtwr* i>4a%. Bat^». = i*A->gs*i « »— >= t»K»—>1.* 

s||;‘>a4Si<«wB ii <■ ifn'a^e^ B>—taj^auNaa**'/.— >48 ’J i I'—''3381;^* t? * * ' ^ WalBsi-l^—^ 

♦ _ jr.ga-'■’».• **-> r *4M/•■ 4—vv"4—w^. #-*8* C*t ,-. ic. wag4*' - S.*^-*4%i7' *a'‘fc«»saatS B 

If Instil afc* 


• -j'*Ba- ■’». • **-> c «.ri H/ ». 4—vv*4—w^. #-*B* C*t „ 

ft 4.. - ?’BBli‘*i <s- i-lt mX * •Ad-^vs.io L«aiBl—.ri^fctt 'B-^ta*** J 
1|4<4’4 . |*«:s^l| pa •t . 


in BaBa- . / 

i.BSa* ■*•• 

.^ ^ I 


31 _ _ ., ^ . _ 

M%lS __ _, ___ 

% t B—wie i •ri-l**- ' ^ 

^^1^1 iA#4 i .. 


* I i^mB^ ^ ^ 

. » ft 3^-H3ippaa Ab# 


ftOWNLO.^D AT STUFF[TXOM/€Oi>V(ltt;HT W fiHU *3 2C06 ALLOME SV'STEMS^ INC. 



woo 

GH-: 


V/eb Inspector — http;//l&2il6S.0.l£H/iphone/#_home 






▼ DOCOMENTS 
Ifphone 
▼smEswirrs 


lul.css 

Mphona^iui 


backButtQn.png 

(fiflhOM/nai 

_ blueButtan.png 
I Favicon.kp 


Id 


[^stArrow.prtg 

/ip^ont/iui 


HstArrow^eLpng 


Ipbone 


X i 


I 19m| -mta 

Eh9ml 

TTrf» 

97mi ] 11S?M 










mras j 


Request 

A£ir«p4 iaiA/MJTilHjpollcati:ofi/xmt,applkaiJon/ich(tml ■^xml ntext / tiiml.q -Q.d^tcxt/plafniQ^O^S.tnutgiy png// *;q^P.5 
Accept- EnciKlIng gf.lPk deflate 
Acce pt - La mg uage en - us 
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S;afarf/4193 

Response 

Accept-Ranges bytes 

CPnnectlon Keep-AHve 
Conitmi-tengiti 1S65 
Content-Type text/html 

P«lq Sun, IB Apt ZOOi 0^:27 41 OMT 
Ltag *?calS6-6iP-44aP9ae?2blc0*' 

Keep-Alive timeot/t^S, max^lDP 
Last-Modified Sun, 13 Apr ZOOB 04:34 23 GMT 

Servcj Apacht/2.2.a (Unix) rY>od,Sit/2,Z.a QpenSSL/0.9-71 OAV/2 PHP/S Z S 

t! 



Network Timeline 
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The universal genius 
for picture editing 

* Mare than 1 .^ milliofi users 

* I mport of more than iOO graphic formats 

- Export of mo re than So graphic formats 

» Picture editing 

* Document browser 

> Slide show and batch processing 

Ed itf ng of a 11 m eta data (EXIF, I PTC, XMP, 

* And mudi more ... 

Only $34.95 

{Version in the box $44,95) 


Save 10% by ordering direct from: 
www.lemkesoft.com/mactech 



page, and select Inspect Element. ITie Web Insp)ecU)r will 
auk)niatically open to that node in the DOM tree, 

Next we Iwe the Web Inspector's Console view. Tills displays 
coasole messages—just lilce the console on tlie iPhone. Again, 
LLsetlil, but nod ling special here, 

I lowever, die Network Timeline is a nice touch. This gives us 
detailed infonmrion on how die page loaded: Tlie order in which 
each msoiiree was downloaded, and the amount of time each 
res()urce tcxik. It also dispkiys the total size tor each tyiie of 
resource. Finally, if' you click on any row, it will give you detailed 
infomiatinn on that partic\ilar I iTTI^ retjuesl and response. 

The information pmvicled by die Netwc>rk T'iiiieline could be 
vital for optimizing web pages for iPhones over die slower Edge 
network. 

Drosera 

While the other tools are nice, if' you are serious about 
JavaScript, you need to download and install Drosem. Drosera is a 
JavaScript debugger It works just like any code debugger You can 
view die JavaScript soume code, set bieiik points (including 
conditional break points), and .step through and inspect your code, 
Drosem can attach to any WebKit application, including Safari. 
Unfortunately it is not included in OS X, not e\en in the developer 
tools. However, it comes bundled with the WebKit nightly builds. 
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CtJniEnue Pause* Step into Step Out Step Over 


Safari - Debugger 


O 


nits 

/Jphone/tui/luijs 

/lphone/^_home 




Furcthjn 

1 Unsnymoui function) 

2 (global scope) 




WBbiiSiiSmiijStia 


Value 


»■" [ http: f 1 192.. 16a,D, 101 Viptione / tul/ M Js t <Ho sciected symbol> ; 

{ ..." 

currentDiolog. renoveAt tribute C*selected''); 
currentDiaVog « null} 


if ChasCl[os£CpaQc, '^diolog'03 


''^^^^Ireakpolnt Enajale;'^!^ ' Hit Count: 2 Action: ^aute^^ " 

Condfiiorr 


else 
{ 


shofkO V Q1 og C po g e> i 


var FromPoge - currontPagej 

CurrentPage pQgej 


if CfrontPoge) 

seiTirncoutC^HdePages, 8, froritPoge, poflo* bockwardsj^ 

else 

updatePoge^pogc, FromPogc); 


}* 


showPogcHyld: FunctionCpoflcld) 

M { 

var poge ^ $(pageld); '' 

-I _—-- __ . _3 > ► 
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Drosera 


DownloLicI tlie nightly biiikl Irom http://webkii.org/. I hen 
copy both the WebKit and Droseni to your application’s folder. You 
can already attach Drasera ro the Wel^Kit. 'lb debug from Safari, just 
enter tlie following at the command line: 

defaults write com.apple*Safari WebKitScriptDebuggerEnabled - 
bool true 

Ofien Safari. Ot^en Dro.sera and attach it to Saferi. Now 0 [>en 
a web page. Set your breakpoints, then reload the web page. 

Unfortunately, Drosera still feels a l>it l)Liggy at times. It can 
loose track of script files, and often kills to show the variables. But, 
even when it misbeliiives, it’s a great tool to liave in your tcx^lbox. 

iPhone Emulators 

Wliile you cun run iPhone web apps in any Siifari 3 ^1 browser, 
its often nicx' to see it in an emulator—just to make sure c^erytliing 
kx)ks right, 

Fortunately, Apple ha,s provided a great siniulatoL Cunently it 
is only available as part of tlie iPhone 2.0 SDK I3eta, just .sign up as 
an iPhone Developer, download die SDK and install it. 

Of course, you might have trouble finding the simulator. 
They’ve tucked it awuy at /Developer/Plat ■ 


forms/iPhoneSimulator,platform/Developer/Applica 
tions/iPhoneSimulator *app. Find it, launch it, love it, 

Tliete's really only one, temporary^ draw^back to all this, Tlie 
siniiilator uses the new iPhone 2,0 OS* So, you may find some 
differences lietween the current version of Safari on the iPhone and 
the u]X'oming 2.0 release. Of course, you’re testing your application 
on an actual phone as well, right? So no wonies* 

Conclusion 

Ok, maylie they're not native applications. But, maybe that’s 
not such a bad thing. 

The iPhone is a natural target for many web applications. 
It s like carrying the internet in your pants pocket. I don’t know^ 
how many times I’ve used my phone to settle bar liets. Ok, not 
exactly bar liets, more like coffee house liets—iiut it helps me 
swindle tlie last bite of triple-chocolate chunk cookie from my 
daughter. 

While iPhone’s version of Safari handles most web pages^ 
opiimixed pages and web applications really improve the 
brownsing experience, especkiHy over Edge. Most web sites could 
benefit from building an IPhone specific interface (Pm looking 
at you, Wikipedia). 




































The Missing Sync 



Reliable Handheld Synchronization for Mac 


Thanks to The Missing Sync, Mac users are no longer second-class citizens when it comes to keeping their 
mobiie devices in sync. Whether it’s a Windows Mobile 6 device, a BlackBerry or even a Palm Treo, there's a 
Missing Sync product made to connect and synchronize that device with Mac OS X. 


Syncs Contacts, Calendars, Tasks 

• Supports Address Book, iCal, 
Microsoft Entourage 2004 

• Outstanding field support, even 
syncs Address Book contact photos 

• Supports caiendar event reminders 
and detached events 

• Sync Services-savvy for syncing 
with third-party apps 


Complete Notes Syncronization 

• Includes Mark/Space Notebook for 
Mac to create, edit, categorize, sort 
and search through notes 

• Aiso supports Microsoft Entourage 
2004 and Bare Bones Yojimbo 

• Fuil support for Sync Services and 
.Mac syncing between Macs 


iPhoto and iTbnes Integration 

• imports photos and videos from 
mobile devices into iPhoto albums 
or folders in the Finder 

• Resizes and downloads selected 
iPhoto albums to the device for 
handheld viewing and slideshows 

• Downloads DRM-free music and 
podcasts for mobile playback 


The Missing Sync for BlackBerry, Palm OS or Windows Mobile is available in single-user licenses for $39.95 
or in multi-user packs for any size organization, The Missing Sync family of products provide a Mac-centric 
synchronization solution second to none, 


Visit www.markspace.com/reliable today to see how easy it is 
to sync the latest smartphones and mobile devices with the Mac. 









ligh-Performance Mac Memory 



Same Day Shipping 

1-800-831-4569 

MfOn-Ffi 9am-6pmCST 


Memory Upgrades 



iMac Intel 

IQig - $39 

2Gig - $99 


MaoBook 



-$78 

-$190 



Mac Pro 

2Gig -$115 
4Gig - $189 
8Gig " $375 


MacBook Pro 



-$39 

-$99 

-$198 


Sure, the iPhones still represent a small percentage of total 
web traffic—but it's a steadily growing percentage. And. face it, 
it's a desirable target market. If you can afford to drop S400 on 
a phone^ you probably have a little extra cash for otlier things 
as well (that or really gullible parents). 

Additionally, we don’t need Apple's permission to make and 
publish our web applications. Tlie web is still free—or at least, 
reasonably priced. Web applications may not have tlie Ml 
powder and crispness of a native application, but they're also not 
Itxzked down. 

Finally, we liave a number of excellent tools tliat will let us 
create high-quality iPhone-specific web sites. 

So, they may not get as much press as tlie native 
applications, but web applications still contribute to the iPhone 
ectjsystem. They fill a niche that is not going away anytime soon. 
And I think that's a gcxid thing. 
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Mac mini Intel 


iGig - $49 
2Gig - $78 




G5 DDR2 

IGig - $49 
2Gig - $79 
4Gig -$149 


Secure Online Ordering oi 

Memory Expert WWW.RAMJET.COM 


Professional, Fast, Dependable 


About The Author 

JficA Wrnieti Sves in HotiMijr HawaS with his iviife, dau^ter^ 
Harvko^ and Ids son, Kd. He is a software engineer, freehnce writer and 
part time grodi/ate student When not playing on the bead^ he is 
prahddy writing, codng or doing research on his h/ln^ook Pro, You can 
reach Rich at rikiworren@mac.com, check out his blog at 
http://freelancemadscience.blo9spot,com/ or fallow him at 
h ttp: //twi tter. com / ri kl wo rre n 
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Project planning's not as hard as it looks - as long as 
you have the right tools. SharedPlan's suite of project 
planning and managennent tools includes desktop 
software for 05 X, Windows, and even the web and 
nnobiLe devices for when you're on the go. 
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”1 can't afford hiccups whep dealing with tfrrLe i^hsttive 
deadlines! CalDigifs HDPro Is reliable and delivetsr 
lt*s the ideal solution for my editorial needs-'' / 


Leo Zahn 


LEO ZAHN - "THE UNCONVENTIONAL PATH" 

Los Angeles based ConlfTiercfal Difector/Gameraman/Edto^^ has 

directed more than SOO commercials in the United States, Canada and 
Europe. A visual storyteller with a rnasterful eye for design, Leo Zahn has 
found challenges In many arenas: from aiitomolive to food, from 
electronics to alcoholic beverages, from tabletop to over 200 toy 
commercials. His work has been rewarded with Clio and Cannes awards. 

Most of his commerctafs require visual effects and multi-layered 
compositing, well before rough cuts are presented to the client. Having 
searched for a reliable and cost-effective RAID 5 soluiton, Leo decided on 
CalDigiEs new HDPRO unit, which delivers screaming read/write rates of 
more than 380 MB/s. Ever since the HDPRO was installed in Leo's edit bay, 
it's been working non-stop. It's now the Hub for all of his dlgUal assets, 
scaled from uncompressed telecine footage to HD and 2K. 


OCppyrigh! ?008 CaKJlgU, Inc, All Rights fteservetl http ://www, caldtgi t ,com 


































Andy Inhatko 


A Helping Hand 


There's a scene in the mo%^ie Private Benjamin’* in which 
a (ugly cruel racist insensitive stupid offensive) (okay, can I 
proceed?) stereotyped Japanese businessman tries to pick up 
women in bar. 

^'Sayyyyyy/* he oozes, offering up hi.s wrist. “Could you 
please tell me what time it is?” 

The i>londe peers closely ai the suspiciously chunky 
watch and is immediately blinded by a flash of lighL 

“1 just look youTpicture, mama!" beams the u.c.r.is.o.s.J b. 
Visions of second base are dancing in his head. 

It was a cheap joke and the audience of the era (that 
memorable and interminable dry spell between “Empire 
Strikes Back” and “Return Of The Jedi”) was meant to laugh at 
what passed for a mating call among the geek species. 

Me? 1 thought it was an awesome watch. I have a Casio 
camera watch somewhere here in my office and still I lust for 
the Sweet Mama Camera Watch. 

“Because it has a flash, and the Casio ck>esn*t?” 

See? There’s nothing to this writing game: it’s all about 
knowing your audience. 

Yes. Exactly. It probably shot incredilily grainy photos on 
8mm Minox spy film and it required that you walk around all 
day witii the knowledge that one spark of static electricity 
wotild set off the 10 grams of magnesium on your wrist. 

(Possibly while you were standing at a urinal.) 

...But still: J look at the indoor photos I’ve been taking 
w^ith my iPhone and Fm eager to at least read the terms of the 
trade. 

Wristwatches got boring a long time ago, an)^ay. Today, 
when a nerd scores an epic strikeout at a bar, it’s by trying to 
impress a member of the appropriate target gender by 
flashing a cellphone, not a watch, though this device does has 
its advantages. 

Witness an actual scene from my days as a naive, 
unsophisticated youth way back in 2006. I had Nokials then- 
new, then-hot N80 smartphone. Pretty hoi stuff for the day. It 
supported full 5G speed and tlie ability to play live streaming 
media w'itliout breaking a sweat. Onboard video players and 
a card slot allowed me to put a movie and a bunch of 
“Simpsons” episodes on the thing. It had a 3-megapixel 
camera with a v,decent lens.., 

...And it even had a flash, 
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This, I demonstrated to a cute bartender-ette. 

“And the camera Is integrated into the contact database, 
too. I can easily attach this photo to your address card. Here,” 
I said, handing the phone over. “You’ll be amazed at how 
quickly you can type in your name and phone number via the 
keypad’s predictive text-input system.” 

(Shut up. 1 got her phone number.) 

Of course, we were all different people, back in the 
middle of Bush’s second term, weren’t we? Fd never resort to 
such tactics tod^yK 

But again, I think I can safely say that I know my 
audience. You Ye tmy too classy to use technology as a pickup 
vector, And yet, your iPhone, your MacBook Air, iPod Nano 
(the new^, cool ones) wind up acting as social lubricants 
whenever you’re out and about in Human society. 

Why? Because of all the people at the wedding 
reception...you have the unmistakable aroma of someone 
who can explain how to get “Back To My Mac” to work 
properly. 

(Speaking of cruel and inaccurate stereotypes: this is not 
die spicy pong of someone who hasn’t bathed in a month. It 
is in.stead the unmistakably fruity scent of someone who has 
never bought a brand of shampoo that didn’t feature the 
phrase “Compare and save!" somewhere on the bottle.) 

Not even the deployment of thousands Apple Geniuses 
— certified by no le.ss-authoritative a method than a custom 
tee .shirt bearing that exact phrase — to shopping malls all 
across the world is able to out-pull the intoxicating lure of The 
iiigge.st Geek In The Room. For good or for ill, you’re The 
One To Ask, and if you Ye invited over to someone’s house for 
Chnstma.s, their intent is clear. Enjoy the spirit of the holiday, 
bring a hearty appetite for a stymie of cuisine best described as 
“medically-contramdicared”.,.but make sure you that also 
bring enough computers, software, cables, and other knick- 
knacks to make damned sure that all of their kids’ presents are 
up and running by dinnertime or else you’ll find yourself 
pushed out to your car w'itli a ha rely-defrosted Hot Pocket 
pressed into your hands. 

Now all of this may sound like a lament, but 
hone,stly...it’s fine. Because being a knowledgeable and 
helpfu] nerd is like showing up at a park witli an adorable 
dog. You meet all kinds of neat people witliout much effort ai 

all. 

It’s been on my mind over the past few days because I’ve 
just returned from one of the highlights of my year: the annual 
Conference on World Affairs at the University of Colorado. 
Tills weeklong event was founded exactly 60 years ago as a 
way to bamboozle the University into covering the exorbitant 
appearance fee demanded by a speaker w'ho was deemed 
“unpalatable” by the management, due to the fact that he was 
a Communist or possibly Eleanor Roosevelt (I’ve been told 
conflicting accounts). By disguising the payment as the 
budget for a prestigious, big deal conference they were able 
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to get the guy in under cover of darkness and then smuggle 
him out again at dawn's light, concealed under a wagonload 
of hay. 

The upshot is tliat the University invites a iiundred 
professionals of all disciplines to come on out to Colorado at 
their own expense and discuss issues that certainly seem 
important at the time. Topics like “Privatizing War: Blackwater, 
et ar (not me) and “U.S.-Mideast Relations: The Cost Of A 
Damaged Dialogue” (not me) and “Bad Things You Can Do 
Online” (bingo). 

This was my ninth or tenth year speaking at the 
Conference, but it was the first one since the iPhone was 
released. Word quickly spread tliat I have a best-selling bcxik 
about die thing ("iPhone*. Fully Loaded''...oh, bless you for 
asking) and Uiis meant diat at lunchtime in the speakers' 
dining room, 1 was never lonely for very long. 

I spent fifteen minutes with an Academy Award-winner, 
explaining the limitations of the iPhone's contact manager. 
Ten with an inlernationally-reknowned expert on 
Parliamentaiy^ law, telling him about storing personal and 
financial information securely via iPassword. 

I figured out why a Macarthur Genius Grant winner's 
phone was stuck .speaking German and for bonus points, 
wound up convincing him to ditch his ancient Dell laptop in 
favor of a MacBook Air like the one parked in front of me. 

One Fellow speaker” I think she was either an astronaut 
or a World Court justice; what with the lack of oxygen there 
at 5640 feet, tilings tend to get a little blurry — asked me 
about a certain function that wasn't available, which sort of 
inspired me to explain the iPhone SDK, die upcoming App 
Store, Firmware 2.0, and its implications to reinvent the 
iPhone from an Awesome Phone into a Whole New 
Computing Platform by the end of June. 

I entered into my Nerd Trance, opened up that ptirtal so 
that monkeys and orange birds could tftrow acronyms, 
architectures, and strategic visions directly into my 
conversational output buffer, and before long I discovered 
that I was having a bit of a Sermon On The Mount effect upon 
a gathering and growing audience of iPhone users. 

Which points out tlie real rea.son why acting as 
somebcxly’s Secing-Eye Geek is really nothing to complain 
about. The aforementioned Academy Award-winner was Dave 
Grusin, a jazz keyboardist of ungodly gifts. One of my annual 
Conference traditions comes after the Tuesday night jazz 
concert, when f bump into Dave and say “Once again, your 
performance made me think that quitting the piano lessons 
after five years was one of the shrewdest decisions I've ever 
made.” 

For me, playing anything was hard and frustrating work. 
But it's all so damned effortless for him. This is where his 
talents lie. He works hard at it, but it doesn't seem like work, 
really; it's just what he does. So to a guy like Dave, tossing off 
a brilliant ten-minute improvisation on "Autumn Leaves” is 
about as difficult as running a leaf-blower. 

So w'hen people like you and me are asked about the 
future of the iPhone, well...it's so damned effortless^ We're 
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good at stuff like that. We spend all day reading and learning 
about technology becau.se that's jusi what we do. It's baffling 
and fnistrating for others and that’s often hard for us to fully 
appreciate. I babble for ten minutes and when the monkeys 
and the birds return control of my faculties, Tm amazed that 
my audience is so grateful, Just by relating the world as I 
understand it, IVe taken a tangled mess of information in this 
person’s head and laid ir out into an orderly grid, a sense of 
direction, and a big red star on it labeled ’Tou Are Here.” 

Surely you’ve been in the same boar. It’s a teiTific gift. Not 
this knowledge, 1 mean: the opportunity to be so helpful 
while taking so little trouble In doing it. If there’s truly any 
purpose to our limited exile on this planet, it’s to seize every 
opportunity to lighten another biped’s load. 

And then, of course, there are side benefits. Like scoring 
that lady bartender’s phone number. 

Okay, true, it turned out to be for the bar’s laundry 
service. But just like l)uying a lottery ticket, it was fun to 
pretend that I had the winning numfier for a day or two. 
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Introducing the new PackageMaker 3.0 


by Jose R.C. Cruz 



Introduction 


In today’s article^ we will look at 
the new PackageMaker took We will 
learn what new^ features the tool 
brings to the developer table, as well 
as issues that plague it, We will also 
see what has changed in the tool 
since its 2-0 version. Finally, we will 
use the tool to build a basic insmller 
package, and localize it for two 
regions. 

You can get a copy of the 
project files used in this article. Just 
go to the following URL to download 
the files at the MacTech website: 
ftp.mQctech.com/src/mactech/ 
vol ume24_2008/24.06. sit 
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Figure U The Project Window 


This late.st release of the tool 
Fixes many cif the issue.s found in 

version 2.0, U boasts a new user interface, and has improved 
support for scripts and localized tiles. It is also optimized 
for Leopard, also known as MacOS X 10,5. 

As before, PackageMaker 3-0 is part of the Xcode suite 
of tools. It is not available as a separate dow'nload. 

The Project Window 

The project window (Figure 1) is w^here you add and 
manage the payloads of your package. It i.s where you 
configure each payload or the entire package. It also is 
where you define how the package behave.s during 
installation. And now^, you can have .several project w indow’^s 
open, each one for a different package. 

The windowLs layout is simpler and less confusing to 
use than its 2.0 version. It consists of two parts: the payload 
list and the editor panel. 


On the lell of the window' is the list Tliis list shows 

each payload in the package and its assigned choice label. At the 
top of the list is package bttndk, under which die payloads and 
.sLipfxirt fdes are stored. 

On the right of the window Is the editorpcmeL This panel lias 
three different layouts, each layout displayed i^y selecting an entry 
from tlie list. Also, each layout has more than one subpanel each 
subpaneJ selected by a tab button. 

Selecting tlie fxickage name displays die subpanels in Figure 
2. Tlie Configuration subpanel sees die target voiume(s) for tlie 
package. It selects one of diree inskiilation modes: custom, or 

both. It also sets the general description of the package. 

The Requirements .subpanel defines what checks to make on 
the target platfomi. It creates the InstallationCheck and 
VolumeCheck scripts used by the package. Uie Actions subpanel 
defines how the package beliaves before and after installing its 
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Figure 2. Configuring the package 


payloads. Ii creates the preinstall and post install scripts 
used by the package. 

Selecting a ixiyload choice displays the suL')panels shown in 
Figure 3- The Configuration subpanel sets the n^une and description 
of ilie choice. It ,seLs the dioices unique 111, rcxiltip message, and 
default location on the target volume. It also sets tlie initial state of 
the dioice. 

The Requirements subpanel defines wliai checks to make on 
tlie target. The results of these criecks tlien Ufxlate the state of the 
payload choice. 
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Tlie Contents subpanel sets die permission flags for each item 
in die payload. If die payload happens to be a bundle, diose flags 
also affect the files and directories inside diat bundle. Ttie 
Components subpanel defines if the payload can be downgraded 
or relocated. It also defines wliat scripts to mn for those actions. 
And tlie Scripts subpanel selects what scripts to run when die 
payload is installed. 
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Figure 4. Configuring the payload 


The Requirements Editor 

The Requimnmls Editor is wheie you define the checks to be 
dune on die target platform. Access to the editor is done by clicking 
on the button on the Requirements panel. Like the payload 
window; the editor has changed a lor since version 2.0. It is now^ 
muc h simpler and more intuitive to use. 

The editor comes in two forms, 'fhe first form (Figure 3) Is 
displayed for the package. The upper half of tlie editor sets tlie 
condition a target must satisjy for the package. 1 he lower half sets 
the failiDV message. LI die target fails a specific condition, die 
package displays the message set for diat condidon. 
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Figure 3. Configuring a payload dtoii^ 


Figure 5. Requirements for a package 


Finally, selecting a pa^doad displays die subpanels shawm in 
Figure 4. The Configuration subpanel sets die location of die 
payload on die user volume. It assigns a unique ID and version 
number to each payload. It ako defines wtet acticin is required 
from users befbie diey use die payload. 


Tlie second fomi (Figure 6) is displayed for a payload choice. 
As before, the upper half sets the condition a target must satisfy /hr 
choice. Tlie lower right widgets set the initiaistate of the choice. 
Tlie lower left widgets set die new state of die choice if the taiget 
fails die condition. 
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Figure 6. Requirements for a payload choice 


The editor ‘iuppt)rts a lai^e variety of condkiotis. Some 
conditioas fcx:us on the fcii^et system, (jtliers on the target volumes. 
Some can check for specific states or setups by calling sysctl () 
orlORegistry. 

The editor can also use an external to do more complex 
checks. Tlie sc:ript can either be a basic shell saipt, or one written 
in Installer JavaScript. Either way, tlie setipt must return a TRUE if 
the check is successful, FALSE if otherwise. Ttie editor also merges 
the script into tlie package bundle. 


The Interface Editor 

The Interface Editor (Figure 7) is where you set die visual 
aspects of your installer package. Tills editor clianged the least 
since version 2.0. It now .supports localized grapliics and text, and 
it dlsc’arded the Contents panel. Tlie rest of tlie editor, however, 
works in die same W’ay as Ixitbre. 
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Figure 7. The Interface Editor 


The editor window^ has four basic parts. On the left of the 
window Is a list of parici names. Clicking on a name .selects the 
s[iecified panel The same also hapi^ens if you click on tJie 

Continue button. 
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On the riglit of the window is tlie settings drmver. Ttiis drawer 
lets you selea tlie file to be used by the panel. It also allows you 
to enter text diieetly on the panel. 

At tlie bottom of the window are tliree region controls. Tlie *+’ 
button adds a new region to tlie package, the button removes 
tlie current region. And the pop-up menu selects which region the 
panel uses. By default, the editor uses English as its region. 

Notable 3-0 issues 

As always, the PackageMaker tcxil has a number of Issues that 
can limit its overall usefulness. The follow ing are some of the iasues 
found in tlie 3-0 version of the tcx>L Be aw^aie tliat a new version of 
the tcx>l maybe available by the time you read this article, 

* The ttxil no longer lets you IcxaliKe the text of each payload 

choice. Instead, you have to add the localize text directly to the 
distribution. diSt file. 

* Tlie tcx)l laclcs any debug or trace functions for installer scripts. 

Your only recourse is to use tiie JavaScript method 
system,log(). 

* Tlie Requirements Editor no loiiger lets you use an external editor 

to w'rite an installer script, 'flris am make WTiting long and 
complex scripts a tedious task. 

* Hie tool uses Xcode as its online help viewer. Xcode Ls a very 
poor choice due to its laige resource needs. A Ix^tter choice for 
a viewer would be Safari or Apple Help. 

* Ihe tool laclcs any support for ALtiomator wxirldlows. Ihis makes 

tlie tool difficult to use as [lan of an automated build and 
dispatch process. 


Let’s Make A Package 

Now, we will build a basic installer package using the 
PackageMaker t(X)L Our payloads are two sets of AppleScript scripts 
for BBEdit. We wTl give users the option of choosing which 
payload to install. We will aLsti liave die package check wliich taiget 
volume has enough space. 

Adding the payloads 

First, prepare the payloads as shown in Figure 8. Notice tliat 
each payload is arranged in terms of their location m the target 
mlunw. Notice also tliat the name for each payload directory^ 
reflects the actual payload. For instance, tlie menu action scripts for 
BBEdit are in the directory named menuAct ion. 
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Figure 8. Arranging the pa^oads 
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Now laiindi the PackageNIaker tool to start a new installer 
project. Enter a tmique package ID in the Install Properties dialog 
(Figure 9). Choose the minimum ^^stem wrsion from the pop-up 
button. The tool uses tills infomiation to set the bundle fonnat of 
tlie package. 

Choose Save As,,, from tlie RIe menu, and save the project 
under the name Foobar. 
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Figure 9. The Install Properties dialog. 


Next, choose Add Contents fnim llie Project menu. Navigate 
to die foobar cUiectory (see Figure 8), and select the subdirectory 
menuAction. You should see an entry for this payload {)n the 
payload list. Select the entr>' and click on the Configuration tab on 
die editor panel. Lljxbtre the .suhtianel as shown in FigLire 10. 
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Figure 10. Configuring the payioad choice 


Follow die same steps to add die payload scriptMenu to the 
project. 'Hien edit the Configuration subpanel of that choice with its 
own unique infonnation. You can get the correct information by 
examining die Foobar project. 


Make sure, however, to leave the Destination field blank for 
both payloads. 

Configuring the package 

First, click on the Foobar icon from the payload list. Hien click 
on die Configuration tab of die editor panel Update the subpanel 
as show n in Figure 11. You can also enter a short description of the 
package in the Description field, or you can leave tliai field blank. 

These settings allow a user to choose specific payloads. Tlicy 
also let payloads to be installed in either die user's home directory 
or on a selected taiget volume. 
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Figure 11. Ginfiguring the package 

Next, click on the Requirements tab to display dial suhpanel. 
Click on thebutton to display the Reciuirements Fxlitor. Enter the 
settings shown in Figuie 12, and click on the OK buiton. Hie 
.siibpanel will display the settings as shown in Figure 13. 

Tliese settings tell the package to display only those niiget 
volumes with at least 1024 Mbytes of free space, They^, however, do 
not apply if the user chooses his home directory as the target. 



Figure 12. Configuring the space requirements. 
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Figure 15. A list of package requirements 

Now, click on the payload entry menuAction from the list, 
'flien click on the Configuration lab to display its sybpanel (Figure 
14). Click to clear tlie checkbox Require admin authentication. 
Choose “None” from the pop-up button Restart Action. Leave the 
rest at their default values. 

lliese setting disable tlie need to autlienticate the payload 
before it is installed. It also disables the need to restan tlie target 
s>^stem after installing tlie payload. 

Repeat the same steps for die payload entry scriptMenu, 
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Figure 14. Configuring the payload. 


Building and testing the package 

Choose Build from the Project nienic The tool prompts 
you to save the package under the name Foobar. Change tlie 
name to Foobar Installer, and click on the Save burton to .save 
the package under that name. 

The tool then switches to its progress w^indow (Figure 15). 
It displays each stage of the build, as well as any issues it finds, 
hi the example showm, the tool displays two build warnings, 
llie first warning tells us dial w^e have disabled authentication. 
This is an issue only if our payloads consist of critical code such 
as drivers or framew^orks. Since our payloads are just user-level 
scripts, we can ignore this warning. 


The second warning tells us that installing into tlie user's 
home directory works only for versions 10.5 or newer of MacOS 
X. Older versions of MacOS X will not support this option. 
Again, just ignore this warning, as it does not affect our needs 
at this time. 
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Figure 15. The build progress window 

To test the package, click on the w^indow icon Open In 
Installer, The tool will now tell the Installer utility to open the 
installer package. After the Installer displays its first panel, click 
on the Continue button until you see the panel Select A 
Destination. Then click on the icon Install on a specific hard 
drive to display a list of target volumes (Figure 16). 
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Figure 16. Selecting a target volume 

Notice that some of the volumes came with a stop icon. 
These volumes failed the requirements check ,set in Figure 12, 
that is, they have le.ss than 1024 Mbytes of free space. And 
selecting these volumes will display the correct error message. 
Next, click on the home icon on the left side of the volume 
list. Then click on the Continue button to display the Standard 
Install panel. Now' click on the Customize button to switch to 
the Custom Install panel (Figure 17), The panel displays a list 
of each payload found in the package. If you highlight each 
payload, you get its desc:ription displayed on the field below 
tliat list. 
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Figure 17. Selecting a payload 


Finally, with both payloads selected, click on the Install 
button on that panel The lastaller switches to a progress panel, 
which displays each stage of the installation. Il then displays a 
last panel stating the results of the installation. For a Final check, 
go to each of the following paths on your home directory. 

"'/Library/Application Sup port/BE Ed It/Menu Scripts/ 
’“/Library/Application Support/BBEd11/Scripts 

You should find the scripts listed in Figure 8 installed in these 
directories. 

Let’s Add A Face 

We will now localize our working package for tw^o regions: 
English and French. Our package will have a different panel 
image and text for each region. We will then test our package 
to see the results* 

First, arrange the localized files as shown in Figure 18. 
Here, we group each file in terms of target regioas. lliose 
localized for English go into the directory labeled english and 
those for French into the directory franca is* Grouping the 
files keeps them within reach, as well as minimizes confusion. 


roo&Ar 



Figure 18. Arranging the localiied files 


Next, choose Edit Interface from the Project menu to 
display the Interface Editor* Click on the ‘+^ button to 
display the region dialog (Figure 19)* To add the French 
region, enter the initials fr onto the provided field. You can 
also do the same by clicking on the pop-down button and 
choosing fr from the menu. 


Add Localization 

Pteasc enter the name of H can either the 

full name, ciich as EngUth, or the abl3f«viation, lucti as en* 

Cancel Add 


Figure 19. Adding a French region 


Adding the background image 

The first panel displayed by the Interface Editor is the 
Background panel To set the background image for the 
English region, choose en from the region drop-down menu. 
Click on the radio burton File on the settings drawer. Click 
on the drop-down menu button and choose Relative from 
the menu. Enter the path to the image file on the field 
provided* For the Foobar project, that path will be 
foobar/english/demo_english*pdf. The editor then 
updates the panel as shown in Figure 20. 

Welcome to the Foobar Installer 


Figure 20. Adding a background image 

To set the image for the French region, choose fr from 
the region dropndown menu. Use the same steps to select 
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the image file. For the Foobar project, the image file will be 
in the path foobar/francais/demo_francais.pdf. 
The editor should display a stylized Eiffel tower (see Figure 
22) as a result. 

Save your changes and click on the Continue button to 
display the Welcome panel. 

Adding the panel text 

To add text to the Welcome panel, first choose en from 
the region pop-up menu. Again, click on the radio button 
File from the settings drawer. Then click on the drop-down 
menu button and choose the menu item Relative. Enter the 

following path in the field provided, 
foobar/ensllsh/Demo^Intrcrduction* rtf 

The editor then updates the panel as shown in Figure 2T 


Welcome to tbe FoobAr LniiAlkr 

Qi etude d#mon&tr«1ioiii ^ CdtritTiihrt uoe InftjUkf 

oequel ubItuiRt PickAgeMAker 1.0. 

\ 


Welcome to tbe Foobar toitAller 

This project shows how io buiJd a kicatised insuUei pdckaf^e 
using radtageMiiker 1.0. 


Figure 2K The Welcome panel (English) 


To do the same for French, choose fr from the region 
pop~up menu. Follow the same .steps, but enter the 

following path to the field, 

foqbar/ francais/□eino_Introduction.rtf 

The editor then updates the panel as shown in Figure 22. 



Figure 22. The Welcome panel (French) 

Use the same steps to set the next two panels: ReadMa 
and License. The files for these panels are shown in Table 
T Notice that all the files are in ncb-i(^xt format. The tool 
also supports HTML and plain-text file formats. It doe,s not, 
however, support PDF, ODT, or Word formats at this time. 

Table 1. List of localized files 
Panel Region 



English 

French 


{foobar/english/) 

(foobar/francais/) 

ReadMe 

Deino_ReadMe • rtf 

Oenio^L i s e z Mo i. r t f 

Licence 

Demo_Licence.rtf 

Demo_Permis.rtf 


For the last panel. Conclusion, click on the radio button 
Embedded from the settings drawer. This action enables the 
large text field on that panel. Type the following phrase on 
that field. 

Restart BBEdit in order to use these scripts. 

Choose fr from the region pop-up menu, and type the 
following phrase on the same field 

Relancement BBEdit afin d'employer ces scrits. 

Use the Format menu to set the font, color, and alignment 
of both phrases. Save your changes to all the panels when 
done. 

Always use the same source of text for all regions in 
each panel. If you used an external file for the English 
region, do the same for the other regions. If you typed the 
text directly onto the French region, do the same thing for 
the other regions. The tool does not support different text 
sources for each panel. In fact, changing the text source for 
one region, e,g. from File to Embedded, removes the text 
source on the other regions. 
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Testing the localized interface 

To test the package, first choose System Preferences from 
the Apple menu. Click on the International icon and then on 
the Language tab. Make sure that the first item on the list of 
languages is English. 

Back on the PackageMaker tool, choose Build and Run 
from the Project menu. Save the package under the name 
Foobar Installer, replacing the older version. Once Installer 
opens the package, click on tlie Continue button to view the 
panels. They should all display the correct image and text for 
the English region. Choose Quit from die Installer menu when 
you are done. 

Next, go back to the System Preferences window. Move 
the entry Fran^aiS to the top of die language list Then follow 
the same steps to rebuild and run the installer package. You 
should no^w see ail the panels displaying the correct image and 
text for the French region. 

Closing Remarks 

The Package Maker tool continues to improve with every^ 
release. Its latest form has a simpler interface, making the tfiol 
easier to use. It also has better support for 1 oca listed files and 
Ibr external script files. The tool still has a number of issues, but 
these issues are likely to l>e resolved in future versions, 


Next time^ we will learn how to Lise die tool to prepare 
applications for delivery. We will also learn how* to select 
payloads based on target conditions and how to handle 
downgrades. 
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Textmate: Take Your (Text) 
Editing to the Next Level 


Or: How to moke friends 
with robot ninjas from Denmark^'' 





by Ryan Wilcox 


Why This Article 

Why this article? ‘‘There’s heavy duty text editing lifting 
tn do, and only TextEdit (or XCode's editor) to help me!" yon say, 
“No time to waste!” I^ut using TextEdit for serious text editing is 
like moving a house with a cr<wbar - liard work, Wliy do all that 
hard work when there's a better way? Read tliis article and start 
learning how to really Work Smarter, Not Harder, You’ll be 
amazed at all the typing you’re not doing! 

“No thanks, 1 use BBKdit!” And I Jiiust say, what a One text 
editor choice - still the preferred tool of this author for certain 
tasks. BBEdit stays out of your way and lets yoLi work, giving yoLi 
tools to perform fine and sterile surgery^ on your text. But text 
editing isn’t neces.sariiy liospital surgery: it’s rough and tumble 
style just-geoit-done meatball surgery. That doesn’t 
mean things are done sloppily: quickness, efficiency, and (alxwe 
all) correctness are the name of this game. But imagine being al>ie 
to hit FI and have a dated comment happen. Type “objc” and 
have an entire Objeeiive-C class siruciure created far you, just 
wailing for you to fill in tlie class name... Ixit only when you’re 
editing Objective-C ccxle. At first glance, BBEdit’s Clippings 
feature provides tills, l>ut no. TextIVIaLe takes “automaLically filling 
in chunks of rept^titive text’’ beyond anything in your Clippings- 
brain. 

Tills article is the gonzcxjoiirnalist guide to MaeroMale’s 
TextMate (http://www.macrofnates.com). The wild and crazy Is 
OLii tliere, and you’ll vSee a bit of it in tills guided lour: the 
fundamental keys of TextMate (and a glimpse into their power); 
dealing with repetitive text with TextMate’s Snippets feaaire; 
getting Bundles for your language or task; customizing TextMate; 
and more. T .suggest residing it once on the bus or the sofa, or 
w^herever you read MacTech, then run to the computer, download 
tlie trial to TextMate, and follow along ^ it’s liest it see this power 
in action, experience it for youiiself. 


Why TextMate 

So why TextMate? 'fbxtMaie lets you create tools quickly: 
tools that you use once to do a specific operation on a lot of text, 
or tools that you’ll use forever, lliese ttxils can be written from 
scratch in your favorite shell scripting language, or sent through 
tile ancient t(x>Is of your Unix forefadiers. Maybe liie resulting 
tool Is so useihl you want to pulilLsh it to the world! Many have 
gone Ixjfore yoLi: TextMaie Is used (and has tools, {)r in TextMate 
parlanee, bundles) for almusl eveiy editing task under the sun. If 
you're doing something with text, there's a gtxxl chance that 
there’s a bundle out tliere to make your life ea.sier. Wliat if the 
liiindle just makes tilings more annoying? Ju.sl edit the bundle to 
work like you waJit: bundles are just written in shell scripting 
languages (primarily Ruby, but writh some Python, Perl, or bash), 
nothing special, TextMate’s motto might as well lie “Yes, you can 
feed the animals! They're not dangerous: feed them, pet them, 
change how they lieliave!’’ 

Allan Odgaard, a Mac programmer from Denmark, created 
TextMate itself He moved to Mac OS X from Windows, looked 
around and wasn’t pleased with what he .saw in the text editor 
environment. TextMate, being bom in the OS X generation, can 
(and does) integrate very^ well with tlie Unix command line, 
putting 30 years of text-dicing knowiedge in your hands. But, if 
we wanted Unix Text Editing wed all be on IRC involved in the 
latest vi vs emacs debate. No, a text editor for the Mac must be 
very Mac like. I’extMate, at least in tliis autlior’s mind, does 
extremely well in balancing w'hat Must Be Done In The Core App 
vs Wliat Can Be Done By Otliers. Tlie Unix philosophy of “Write 
Programs That Work Together” is absolutely TextMatian... but in 
a w^ay that, like the Mac, makes it easy to do sometliing amazingly 
complex. 
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Robot Ninjas In Action 

TextMate s most fundamental command is also the easiest to 
see. Fire up TextMate, open a new document, and type 
^MacTech” Now: space, '“Mac”, and press the escape key. See how 
your “Mac" turned into MacTech? The Escape key completes the 
current word with matching words from your document. Try to 
complete *'Ap”. It doesn’t work: tliere’s no “Ap" word in the 
document. Type ""Apple" space, and “Ap” again (it completes!). 
Now add the word “Applefritter” to the end of your document, 
type space, and “Ap". TextMate completes it as "ApplefritteF’ - tliat 
was tlie match closest to your insertion point. But we don’t want 
"Applefritter", we want “Apple”. Press escape again: “Applefritier” 
goes away and “Apple" replaces it. Shift-Escape goes back to 
“Applefritter". If both of those matches are wrong (AppIeSauce, 
perhaps?), Undo will take you back to your plain “Ap". 

But wait, tl:iere’s more to tlie escape key. Bundles c’an 
influence the completion list ttx>, adding words to the mix (even 
if they aren’t already in the dcKument!) via the completions 
preference key. To see this in action, use the language popup (the 
second item at the bottcim of the TextMate window) and change 
from Plain Text to Objective-C. Type “re" and escape - boom, it 
is autocompleted to “retain". Some bundles implement magic via 
option-escape too, bundles like Objective-C, HTML, CSS. 
Sometimes a bundle documents this in its Help command, 
sometimes you have to look through a bundle’s menu, looking for 


a menu Item that contains “CodeCompletion" We’re skipping 
ahead here, and will return to bundles a bit later. For now, just 
remember the escape key. 

Not to be outdone by the lowly escape key, the tab key begs 
for attention in TextMate. TextMate uses abbreviations and the tab 
key as one way of triggering snippets of text. Watch this: 
“isoD" in TextMate (case is important) and press tab. Your isoD 
expanded to today's date in ISO date format (year-month-day 
format)* (if there’s no snippet that matches your abbreviation, a 
regular tab goes into the document. Try it with “isod". 

Now TextMate is really going to blow your mind. Use the 
language popup at the bottom of the TextMate window to switch 
to HTML. Snippets can he set up to only happen when a certain 
language is activated... or even when the user is in a certain 
syntax construction in die file. HTML mode all set? Type “hi” and 
tab. <hl id="''></hl> is generated... but notice your cursor is 
between the > and < ? Now type your headline text. Robot Ninjas 
Attack! As you type your headline, the id part of the tag is filled 
out, with spaces translated to underscores. 

Later in this article well examine this magic ftirther, but the 
curious can open the bundle editor now, expand the HTML 
group, use the popup above the bundle list to show only Snippets 
(not required, but now iris easier to see what we want - and to 
identify the Snippet’s icon, for future reference). Click on tlie 
Heading item, and see the ctxle iliat generates the hi code. The 
code is rather complex, but the important part is the 
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${l!$TM_SELECTED_TEXT}. This says, “tJie first tab stop B 
here, and our default value is the seiectifin.” If you don’t want to 
use a tab trigger, you can select tills item from the BundJes- 
>HTML->lnsert Tag->Heading. Magic happens when you choose 
this menu item when you have a selection, 
$TM SELECTED TEXT Is an environmental variable: TextMate 
lias a slew of these that reflect the user's state. You can use any 
environmental variable in a snippet. Readers fond of experiments 
can replace $TM_SELECTED_TEXT with 5H0ME or $USER, or 
any other Unix Environmental variable and see what “hi" expands 
to now, (If you're wondering how to make your own variables, 
skip ahead to the conclusion of this article, where it's mentioned 
briefly, then come back) 

Say you have two snippets with the same abbreviation (and 
scope, which well cover later), don't worry: TextMate will display 
a popup menu with your choices. In your Hl'ML document Type 
“input", and tab. A popup appears with two options: “input" and 
“input with label", now select ‘"input” with your mouse (or type 
“1"). TextMate expands the trigger to <input 
type=''text/submit/hidden/button" 
naine="some_name'' value='"* id=''some_naine''>, with 
the type block selected. Ok, it’s a text input, so type ""text". Type 
tab again and the name value is selected. Fill it In, tab to the next 
field: huge chunks of syntax dealt with, no effort at all. 

Automation on call is nice. Automatic automation is even 
nicer. Type “<”. Woh! TextMate completed the tag pair with the 


Try with (, [, - the appropriate ending delimiter is added in 

all cases! This is a feature called Smart Typing Pairs (and 
customizable at the bundle level, or you can turn the feature off 
all together in the Text Editing pane in TextMate's application 
preferences). Why type “)” ever again? 

Robot Ninjas At Your Command 

Snippets are a big part of the time.^ving power of TextMate, 
and tliey deserv^e some attention. Snippets at their heart are 
simple: fill in rhis text when 1 tell you to. If you want, tliafs all 
they have to be. But snippets are almost a programming Language: 
witii the ability to guide users tlirough a “form" mirror text, apply 
transformations to a mirror, and call shell script commands. 

Say we’re programming and it's company policy to have 
every comment be on its own line, start off every comment with 
the filename, colon, our name, timestamp, the comment itself, 
""updated: “ the timestamp again and our name in Last Name, First 
Name order. Too much typing if we had to do it manually, hut 
watch your coworkers look on in awe as you finish your 
comments while they’re still typing the date! WeVe going to create 
a bundle tliat cTeaies most of this - including comment syntax - 
automatic'aily! 

TextMate recommends that you create your own bundle for 
your own, personal, snippets and macros and things. Open the 
bundle editor, down to the Plus menu item, and down at the 
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bottom of the menu is ""New Bundle”. Name your bundle as you 
wish. In your bundle, go down to the Plus menu again and select 
New Snipper. 

The Snippet’s code Ls (all on one line): 
$TM_COMMENT_STARTSTM_¥ILEKAME: $[ 1:$rH^FULLNAME} $[2:Mate 
%Y'J $t3;TextMate's not scarylI] updated: $2 by 
$ll/(\yj+)\W(W)/$2, $1/1 $TM_COMMEJfr_END 

Taking this one thing at a time, and starting at the first tab 
(or, in TextMate parlance, the first tab stop) the 
STM_COMMENT_START environmental variable holds the 
comment syntax for the language you’re working in. A language 
can define as many comment styles as it likes, and can specify if 
the comment style comments to the end of tlie line, or frcjm die 
start of the comment syntax to tlie end of tlie comment syntax (in 
TextMate terms, the tbrmer is a line style comment and the latter 
is a bkxk style conunent). STM_COMMENT variables are stored in 
a liundle’s preferences. For example, the C bundle has a 
preference item named ‘Comments’’ tliat specifies Ixjtli die // style 
comment syntax (comments go from // to the end of the line) and 
tlie /* syntLix (comments extend until a V i^* found). The 
$TM_COMMENT Variables are used in loLs of odier places in 
TextMate. The Ixsi place for information is to Icxjk at the Source 
hLindie’s (Comment Line/Seleclion command. Our snippet uses 
$TM_C0MMENT_ET1D at the end of the snippet out of paranoia: 
needed if our current language only supports block style 
comments (or if $TM_COMMENT_START is actually a block 
comment). The Bundle Development -> Show TM_* Variables 
ctimmand shows all the environmental variables provided tor 
TextMate, including $TM_FILEHAME. 

The next chunk of code, ${1 :$TM_FULLMAME}, is where 
your inserticjn pcjint will start when you trigger the snippet (aka: 
tab stofi ^1, or field ^1, for tliose of you used to tabbing from Odd 
to field in Mac applications), and filled in with your full name. The 
!$#: } syntax specifies that the snippet luis a default value. 

Again we see this in the ${2:"date +%m-%d-%Y"} chunk, 
which executes a shell command to generate a default value at 
tab stop ^2. (Shell commands can lx- execLited anywhere in a 
snippet, w'itli just the "cmd" syntax.) Tab Stop ^3 defaulLs in 
nonnal text, our actual comment. 

O'he first time a tab stop appears in a sniiipet, tlie user is 
prompted to add or replace text. Every otlier time in appears it 
simply mirrors tlie value filled in the first time, fn this case, the 
'updated: $2” chunk echoes the .second tab stop (which has a 
default value filled in l>y die date Unix command), 

Echexvs can also have LiansfonnaLions applied to them with 
die ${#/find regex/rep lace regex} syntax, similar to 
Perl’s regular expression operators. (As a sidenote, TextMate uses 
die Oniguruma regular expression engine, instead of the PCRE 
Perl Compatible Regular Expression engine), Our regular 
expression quer>' captures the first two words (first name and last 
namCj in this ca.se) and re\^erses them. 

With this snippet, a long (mostly boring) line is generated 
with 3 tabs and the actual comment text itself. Robot ninjas cut 
through led tape! TextMate’s bundle mechanism can contain so 
much iJiore tljaii jusi snippets. 
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More Robot Ninjas From... 

The Internet 

TextMatL: is like your body, Specifically, like your naked 
hcxiy Clodies make the man, while bundles imke TextMate. Vbu 
pul on certain clotlies for certain ta.sks (work, lounging, the g>^ni), 
and TextMale has bundles for specific tasks (tracking TODOs, 
doing HTML, hacking Cocoa, writing UiTeX), Like clotlies, if you 
don’t have the right bundle for the right situaiion, chances are tliat 
.someone has already created the right liundle for you already - 
ju.st run into the store and pick up the appropriate outfit. But, 
unlike clothes, bundles are free] 

TextMate bundles are just OS X bundles, an Info.plisr 
descTibing tlie bundle, and folders for commands, snippets, 
preferences, 

Bundles reside, at least for now, in a central subversion 
repository at the MacroMates Subversion repository at 
hftp://macromates.com/svn/Bundles/tnjnk/8undles/ (yup. 
Bundles twice). You can download these via Subversion (installed 
by default on Mac OS X 10.5D, or by a TextMate bundle called 
GetBundle, available at http://projeds.valtdeode.net/gelbundle. 
Because they are checked out witli source control, and everytliing 
(except supporting .nibs etc) in a bundle is stored as a plain text 
file. Subversion should be able to merge updates from the 
repository with any changes you’ve made locally. (Tlie bundles 
that come with TextMate, or are installed by the user double¬ 
clicking a .tmbundle file - aka: a bundle - also have a system for 
keeping your personal changes in tlie face of a changed bundle.) 

Subversion is (as of tliLs writing) tlie most reliable way to get 
bundles. TextMate invites users to put their bundles in 
'“/Library/Application Support/TextMate/Bundles/. So, to check 
out a bundle (say the Haskell bundle) using Subversion, just open 
up Terminal and: 

$ cd "^/Library/''Application Supporf'/TextHate/BiaTidles/ 

$ svn CO 

http: //macroniates .com/svn/Bundles/trunk/Bnndles/Hask&ll. tnihund 
le/ 

(Notice the quotes around Application Support in the first 
command. This makes sure the space gets to tluough the cd 
command, and not interpreted by the shell as a delimiter for a 
new parameter). 

Bundles can also be found oo the Internet, available as a .zip 
or .dmg arcliive. Simply double-clicking these bundles will trigger 
TextMale to instal the bundle. The GetBundle bundle is 
distributed like iliis. 

The GetBundle bundle is less geeky, although it uses the 
same s^jurce for bundles. Install GetBundle by following the 
instructions on tiie website, then Bundles -> GetBundle -> Install 
Bundle, or Bundles -> GetBundle -> Show Bundles on 
Repository. However, as of this writing neither of tliese 
commands seem to download a bundle, but development 
happens very fast in the TextMate community, so it may be 
working by the time you read tliis. 

Another promising source for bundles is 
http://bundJeforge.com/. BundleForge provides subversion 
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hosting for bundle authors, a prettier way to view the official 
TextMate subversion repasitory, and a way to dow^nload a ta±jall 
of a bundle, for ^sy double-click installation. BundleFoige is 
probably the simplest way to get double-clickable bundles, for 
those not familiar wttii subversion. 

Remember; when you get and instcill a bundle, look and see 
if it has a Help command. At the very least go through the menus 
and familiarize yourself with tlie snippets and macros on tlie 
menus] 

But don’t forget the bundles included in TextMate! My 
favorite built-in bundles are die Madi bundle (including 
commands to perform math on the selection and traaslate bases) j 
the Source bundle (including commenting commands and the 
Move To EOL coinmands.) and the TODO bundle (makes a list of 
TODO lines found in every source file of a project). Or explore 
these witli the bundle editor and find out how these commands 
work! 

Robot Ninjas Wear Red 
(No, blue) Cloaks 

TextMate is highly customizable with its collection of 
Themes. 'There are two main collections of themes online: the 
TextMate wiki at: http://wiki.macromaties.ccxn (then click on 
Themes Gallery in die sidebar on the left), and 
hHp://www.tmthemes.aDm/. A word of warning here; very often 
themes will work best with one language or another, this Ls an 
unfortunate side effect of how dicmes are created. Take a moment 
to page through these themes, and see if you find one you like 
better than you current TextMate dierne. Tliere are tliemes for 
everyone’s tastes, even themes to ease eyes accustomed tt} 
BBEdifs default color scheme. Once you've downloaded a theme, 
simply double-click on il and it will open TextMate and install 
itself Tliemes are keyed to language scopes, applying specified 
colors to chunks of code. Opening die FonLs And Colors pane in 
TextMate's Preferences shows a list of elements. Clicking on an 
element will show the scope (in die Scope Selector field) w*here 
that color will be applied. 

Scopes are actually defined in a bundle's language grammar. 
A simple example of this is TexLMaie's own Release Notes. 
TextMate’s release notes (availahie from tlie Help menu) is simply 
a text file.., liut a text file tliat is stylized into something useful by 
TextMate. 

TextMate picks a language to use based on a filets extension, 
specified by tlie language grammar. If you open up die Bundle 
Editor, go into die TextMate bundle, and select the Release Notes 
language, you'll see these lines; 

\ scopeNatne = 'text, plain, release-notes H 
fileTypes = [ ‘tmReleaseNotes' ): 
patterns = ( 

If we examine these two lines in detail we see that the scope 
name is text,plain.release-notes, meaning it inherits 
from the text.plain language grammar (check it out: that 
grammar lives in the Text bundle). We also see that the 
fileType is traReleaseNotes* Tliat is your extension: if you 
saved a document with tlia! extension it would open up as 


TextMate's release notes (Of course, selecting Release Notes from 
die language popup will aedvate the Release Notes language 
grammar too!) 

Each rule (that is, pattern) in the language grammar has at 
least two parts: a scope name and a regular expression. If a chunk 
of code matches die regular expression, that chunk of code is said 
to have that scope, and any theme elements for that scope 
selector are applied, 

Examining this in action, click one of tlie [UPDATED] or 
[NEW] or [FIXED] lines, Specifically in the middle of the Qs. 
From the Bundles menu’s Bundle Development the Show Scope 
command will display die current scope in a tooltip. In tliis case 
we find the scope Ls keyword.other.release-notes. Go 
into the Fonts and Odors Application preference, and click the 
plus button at the bottom. Name your element (this pan is 
irrelevant), give it the scope selector of 
keyword, other-release-notes and pick a color or style 
(notice how changes are reflected in the dcx:umenl in real dmel). 

Element styles are not “stackable”. For example, if we added 
an element with a Scope Selector of keyword, and gave it 
complimentary^ style to the element we created above (say 
keyword is underlined where keyword, other-release- 
notes is just colored red) then our [(FIXED/CHMGED/NEW)] 
lines will not be red witli underlines -they will just be red. You 
could think of this in terms of overriding in the object (mented 
sense - if you override a method from a superclass, your method 
is used instead of the base class’s. In our case, 
keyword, other .release-notes beats keyword. If 
keyword.other.release-notes element is missing or 
misspelled, tlie default implementation (our keyword element) 
is used. In simpler words: lextMate picks the most specific style 
if it can and T one's not found it works its way to more general 
and still more general, until it can’t anymore. 

Moving beyond Fonts And Colors, bundle preferences are 
applied to scopes. For example, if you w^anted to change the 
colcjrs of tlie [DATE: Revision lines in the Release Notes, 
you’d find tliere is no element in Fonts And Colors to tweak tits. 
But you cm force color settings for scopes in the bundle’s 
preferences: look in tlie Style: Separator bundle preference. Want 
to make separators have black text instead? Change the 
foreground key value to #000000. 

Want to add spell checking to comments for any 
programming language you work in? In the Source bundle 
(bectiuse every otlier ctxle language ’"derives” from tliis bundle) 
add a preference willi the value {spellchecking = 1;} and 
tile .scope of comment.block, comment.line (so, any of 
those two scopes). 

Scopes also control what comiTiands, snippets, and macros 
are available - this is how^ the 111 snippet, for example, only 
expands wlien editing a HTML document. 

For those interested in creating your own language 
grammars, the Bundle Devek)pment submenu's Help: Scope 
Conventions, which covers some of the information above and 
naming conventions for your language grammar and rules. For 
those of you wanting to create your own tliemes: usually a kxjk 
through a language grammar sparks some ideas, even without 
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taking the time to understand what die regular expressions are 
doing. 

Robot Ninjas Disappear Into The 
Night, Leaving You Wondering 
What Else They Could Do 

The awesome power of TextMate, like the awesome power 
of robot ninjas, can't be described in a single article. We didn’t 
even gel into piojeaSs TexiMate's Find/Replace (witli grep 
power!), touch any of the standard bundles, take a good look at 
TextMate’s matTO powers, or even take a look of the advanced 
powers of snippets! The Project Drawer ts great part of the 
workflow, even integrated with the Navigaiion->Go to 
Header/Source menu item. (A peek of power of a project file: Go 
To Header/Source will search for files with the same name, but 
different extension, all over the project file. Without a project file 
Go To Header/Source only looks tn tlie same folder as die current 
file). Creating your own language grammiir (or modifying an 
existing one) is one w^ay to really learn tlie concepts touched on 
in die previous secdon. 

Another mosdy unexplored area is the Bundle Editor. The 
bundle editor is where ail the customization magic happens. From 
Snippets, to Ccjnunatnds, to Macros, to languages and preferences 
acting on language scopes, you’ll find it all in here. A TextMate 
bundle can have any number of preference settings, In (the old, 
ASCII style) plist format - lliis is where the smartTypingPairs 
and die completions preference keys live. Remember to use 
the popup above the bundle list to zcx>m in on jtist what you 
w^ant, Tlie bundle .scheme in and of itself smacks of object 
orientation: Languages can inherit from other languages, and 
override functionality provided in the parent languages. For 
example^ the CSS bundle inherits frc.)ni the Source bundle. 

Bundles can have Ccimmands in addition to Snippets - 
commands can take input from die frontmosi dcx-ument and 
return text for the document, or HTML for a separate window, 
Commands are written by default in bash shell .schpt, but a simple 
#! line can change that (just like in script you whte on the 
console). So #i /usr/bin/eiiv python as the first line of the 
Command signals that it is written in Python. 

But say you need to run something jim once on the 
selection, and you don’t need to keep the command in a bundle 
(say like sorting some lines). Selea the lines and select Texc- 
>Tilter Through Command’'. This gives you space to type out a 
Unix command (like sort —f, to sort lines regardless of their 
capitalization). Leverage the power of your Unix forefathers! 

TexlMate’s application preferences are tiny, compared to say 
BBEdit’s, We know tliis is because most of the power lays in 
bundles, but I want to show you something quickly: Advanced 
pane, Shell Variables group box. Here you can define Unix 
Environmental Variables. Did you explore the Heading snippet 
when we first played with Snippets and the tab key? WeU, any 
variable can lue used there: including one you define here, in 
TextMate’s Shell Variables preferences. Environmental Variables 
can also defined at the project level! 


TexiiVIates awesome power is quick to surface, and easy to 
take advantage of. With a bit more work, like finding and learning 
a txindle for the task you most often do (Web pmgramming, 
Cocoa, shell scripting, Apache config file editing), you c'an direct 
armies of robot ninjas, leaving ordcxjkers to wonder “Who W'as 
that unmasked man, and how^ did he do that?" 

More About Robot Ninjas 
From Denmark 

For more information on TextMate, The Pragmatic 
Programmer's lx)ok TexiMaW: Powc^' Editing for The Mac, is 
available at fine bcx)kstores near you, or at 
http://www.pragprog.com/titles/texfmote. (And yes, fve stolen 
the Rolxit Ninja theme of this article from tliat Ixiok’s back cover). 
There's also a review of TextMate by Joe Zobiw^ in the April 2006 
edition of MacTech (Volume 22, Issue 4). There's a strong 
community at http://www.macrornQtes.com, consisting of a wiki 
and mailing lists - lots of places to learn. 
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The Road to Code 

by Dave Dribin 


More Cocoa Bits 

Interface Builder Ul 
tweaking and introduction 
to table view 
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O O_Window 

flecta/rgle Wi(hN: S 
ReuangFe Knight: 10 
ftectangk Area.- 10 
Rectangle Perimeter 30 


{ Cricuiate > 

Figure 2: Proper window resizing 


Customizing the User Interface 

Last month in The Road to Code we went over how to 
customize application behavior using notifications and delegates. 
This month we're going start £>ff talking alx)ut how you can 
customize the user interface in Interface Builder There’s a lot you 
can tweak without writing a line of ccxle. 

Window Resizing 

One important aspect of user interface design is how the 
window^ and its view^s and controls react to resizing. Improper 
resizing may confuse the user and lead to a bad user experience. 
You control how resizing affects each and every view' and control 
w'itliin Interface Builder, Unfortunately, the defaults are rarely 
useful For example, if we resize our Hello World window with 
the default settings, it will look ,similar to Figure 1. 

0^ 0„0 Wmdow __^ 

R€mii9le Width: 5 
Recungte Height: 10 
Rectangle Area: SO 

Rectangle Perimeter: 30 

( Calculate } 


Figure 1; Improper window resizing 

As you resize, all the controls will be bunched up in the 
upper-left portion of the w-indow. This isn't reaEy a good use of 
the extra space. The text fields on the right should expand to the 
full w^idth of the window, and the Calculate button should also 
stick to the right side of the window^. Thus we want the window 
to look simOar to Figure 2 when resized 


Tve also kept tlie Calculate button on die bottom of the 
window. You could also keep it pinned row'ards the top, but for 
demonstration purposes, Fm going to keep it on the bottom. In 
order to make our window properly resize like this, we need to 
open Interface Builder, 

Select the text field next to die Rectangle Width label. Next, 
open up die Inspector panel and select die Size tab; it’s dikd 
from die left with the ruler icon. It should kK>k similar to Figure 

3. 
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[ Frame » ) 

t 
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* * 
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Autosizing 





Alignmeni 

^1-,. .■ 

Figure 3: Size pane) of the Inspector 


This panel conLaias information about the size of the 
selected view, Tlie Autosizing section is the part diat dictates 
how die control behaves w^hen the window' is resized. The left 
portion of the autosizing .section is called the springs and struts. 
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There are six lines you can click on and activate, two on the inside 
and four on the outside. The two on die inside are called brings 
and the four on die outside are called stmts as noted in Figure 4. 


Autosiztnq 



Figure 4r Autosizing springs and struts 

When a specific string or stmt is activated, it Ls colored red 
and has a solid line. When not activated, it is colored light red 
with a dotted line. An activated spring indicates that the widdi or 
height of die view expands and contracts in proportion to its 
superview. An activated stmt indicates that the view maintains a 
fixed distance between its edge and the same edge of its 
superview. The right pordon of autosizing section is an animated 
preview showing you how the settings will affect the view. You 
should see the animaiitin change as you activate and deactivate 
springs and struts. 

The animated preview is handy, but somelimes you need to 
actually mn the application and try resii^ing the window to verily 
your settings. While you can go back to Xcode and mn the 
application, Interface Builder allows you to simulate the interface 
witliout switching to Xcode, Choase the File > Simulate Interface 
menu or Command-R to do this. While simulating the interface, 
you may resize the window and watch how the views react. 
When you are done, you need to quit the Cocoa Simulator using 
the menu or Command-Q. Between the animation preview and 
the simulator, you should be able to fmd the correa springs and 
struts settings for your application without ever switching to 
Xcode. 

The default setting, as shown in Figure 4 above, is to have 
the top and left struts activated and no springs activated. Tliis 
explains why all of our controls are bunched up in the upper left 
portion of the window. For our text fields, we want to activate 
the horizontal spring and the left, right, and top struts. Tliis will 
cause them to resize horizontally while slaying pinned on the left, 
right, and top. 'Irie final settings should look like Figure 5. 


Autosizinq 



Figure 5: Autosizing for text fields 


For die Calculate button, we don’t want any springs 
activated. Tlie default settings have only the top and left struts 
activated, so we need to change this again. We want only the 
riglit and Ixitiom struts aeiivated. This will keep the button 
pinned to the lower riglii ponion of the window. The final 
seuings should look like Figure 6. 


Autosizlnq 



Figure 6: Autosizing for button 

Try simulating the user interface, and see if it behaves 
correaiy. It should now work as shown in Figure 2, Once it 
works, save the nib file, switch back to Xcode, and mn the 
application. Again, the controls should resize appropriately. 

Tliere's one final aspect of our resizing tliat’s not quite right. 
While making the w^indow bigger works fine, it is possible to 
resize the window so small such that not all of our controls will 
fit in the window^. To prevent diis, we can specify a minimum size 
for our window. The window’s sizes can be viewed and set in die 
Size pane of die Inspector window^ as well. If you select the 
window by clicking on its tide Ixir die Size pane should look 
similar to Figure 7. 
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You can see that our window has neither a niininium nor 
maximum size. Click on the Has Minimum Size checkbox to 
enable a minimum size. 1 think the window as currently laid 
out makes a nice minimum size, so click the Use Current 
button to set the minimum size to the window’s current size. 
If you now simulate the user interface, you should be able to 
resize the window larger and smaller, as before, but you 
should not be allowed to resize it any smaller than the 
defined size. This is perfect, so save the nib file. If you W'ant, 
you may provide a maximum size, too. Vm going to keep the 
maximum size disabled so the user can make the window as 
large as they want. 

Resizing the window in Interface 
Builder 

You can now properly resize the window in a running 
application, but what abtmt resizing the window in Interface 
Builder? You can resize the window^ by dragging the resize 
corner, just as in a running application. However, the 
controls inside the window^ do not resize according to their 
autosizing settings. This may be fine if you are resizing the 
window to make room for more views. However, if you just 
want to make the window larger or smaller, it can be a chore 
to go through and manually resize each view and control 
after resizing the window. Fortunately there is a trick. If you 
hold down the Command key while resizing the window in 
Interface Builder, the controls wall also resize according to 
their autosizing settings. If, for some reason, yoLi forget to 
hold down Command while resizing the window, Interface 
Builder allows you to undo the resize. Then you can redtj it 
while holding down the Command key. 

Formatters 

By default, text fields can display and accept any text. 
Sometimes, however, the text fields need stricter formatting. 
Our rectangle program is a perfect example. The rectangle 
values are all floating point numbers. Maybe we would like 
to control how many decimal points are displayed. Alsr), our 
user interface doesn't stop the user from entering letters into 
the width and height fields. Other applications may like to 
format numbers in text fields as currency or pereentage.s. 

Luckily Cocoa lias just the solution for us, called 
formaUers. Formatters can be added to any text field to 
customize how objects are presented to the user. Interface 
Builder comes witlt two built-in types of formatters that you 
will use frequently: number form a tiers and date h) r matters. 
Number formatters take a number, usually a nt)ating point 
number, and format it better. They are quite flexible and can 
be used to customize how^ decimal points are used, as w^ell as 
allowing you to add comma separators for numbers over a 
thousand and format numbers as currency and percentages. 
To apply a formatter to a text field, drag it from the Library 
panel on top of a text field, as in Figure 8. Date formatters 
are used to customize the presentation of NSDate objects. 




nd^iiumiB Wiidch. 
tlKUn^ka 
tteciinQtn Atci: 0 

PvncTHilrf'. d 





Figure 8; Adding a number formatter 


'Hu* formatter is nt)W attaclicd to the text field. Interface 
l^iitlder shows tliis hy adding an ia>n of the formatter just fx-’low' 
the text fielri as sliown in Figure 9. 

^ O Window 


Rectangle Width: 

Rectangle Height: 
Rectangle Area: 0 
Rectangle Perimeter: 0 


f Calculate"") 

A 


Figure 9: Text field with an attached formatter 

By clicking on the formatter icon, you can change its 
amibutes. Click on the formatter now, and tlie Attributes pane of 
the Inspector panel should update as in Figure 10. The Style 
pull-dowm menu offers various pre-configured fomiats. Set die 
Style to Lie Decimal. 
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Figure 10: Number formatter attributes 

Now add a rorniatter witli the Decimal style to tiie other 
numeric text fields, as well. If you would like, you can customize 
the decimal field to show one digit after the decimal point by 
.setting the Minimum Fraction Digits to 1 When you mn the 
application with formatters in place, niimlx^rs over 1,000 .should 
be IboTiatted appropriately as shown in Figure 11. 

O O_Window 

Rectangle Width: 500 

Rectangle Height: 100 
Rectangle Area: 50,000 
Rectangle Penmeter: 1.200 

( Calculate ) 

Figure 11; An application with formatters 


Formatters not only conven from an object to text, but they 
also convert text back into an object* For number formatters, they 
are converted to NSNumber objects. The most important lienefit 
we get out of using number formatters for input is that it restricts 
the user input to numbers only. If the user enters letters, the 
formatter will remove them from the text field. 

With the aiitosizing properly set up, the minimum window 
size in place, and formatters on the text fields, our user interface 
is now nicely polished. And we didn’t have to write a single line 
of code. All tlie tweaking was done using Interface Builder. The 
final code for tliis project may be found on the MacTech website. 

Table Views 

Fd like to shift gears a bit and get back to code and talk 
About a popular control called a table view. A table view is a 
control, like buttons and text fields, and is implemented by tlie 
NSTableView class. It displays rows and columns of 
information, similar to a spreadsheet application. It is a 
powerliil control that is used in many applications. 

Because a table view may display large amounts of 
information, the view class itself dex^s not hold all the data. 
Instead, the tal>le view requires a separate class that provides 
the data called a data source. Whenever the table view needs 
to display data for a specific row and column, it asks the data 
source for this information. 

In last month’s article, we uilked about notifications and 
delegates as a way to customize user interface behavior in code, 
and data sources are very similar to delegates. A data source 
class must also implement specific methods. A table view may 
have both a delegate and a data source. The table view’s 
delegate is only used for customizing the behavior of the view 
itself, just like the window and application delegates from last 
month, The same class may even implement the table view 
data source and delegate methods. 

Let's go over a simple example of a table view and its data 
source. We’re going to ignore the table view delegate and use 
the default liehavior. Create a new Cocoa Application project 
in Xcode and open up its MainMeny*nib file in Interface 
Builder. You should have a blank window. Now, find the table 
view in the Library panel and drag it to the window. Resize the 
table view so tliat there is a small border around all sides. 
Finally, active all the springs and struts for the table view. This 
should allow the table view to expand vertically and 
h(jrizontally as the window is resized. 

Next, let’s look at the attributes for a table view tliat are 
available in Interface Builder. Because a table view is enclosed 
in a scroll view, it can sometimes be a bit tricky to choose the 
table view. Witli the Attributes pane of the Inspector panel 
selected, click on the table view. MQ.st likely, this will select the 
outer scroll view, which will have attributes that look like Figure 
12. You may customize how the scroll bars, or scroHers, are 
displayed from this panel. The default is fine for us. 

Clicking on the table view again should select the table 
view ilseif, and the Attributes pane .should Icxik similar to 
Figure 13. Now you can custoinize attributes of the table view 
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itself, such as how many columns it has and various selection 
possibilities. Again, we're going to leave the default settings, 
but we will be coming back to tills shortly. 
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Figure 12: Scroll view attributes 

Oh, and because selecting the scroll view and table view' 
can be a bit tricky, Tm going to let you in on a little secret dial 
may help out. You can customize how Interface Builder sht)ws 
die components in the nib. If you select list mode from the 
toolbar, you will be presented with a hierarchical list of 
componenLs, instead cif just icons. From this view, you may 
open up the disclosure triangles to select the scroll view or 
table view direcdy, as in Figure 14. Using list mode is often 
very helpful in selecting nested views, such as table views, tab 
views, and split views. 

With the table view .selected, you can now select individual 
table columns and change their attributes. After selecting the 
first table column, set its tide and identifier to Column 1 and 
One, respectively, as shown in Figure 15* Now change the 
second column to have its title and identifier to be Column 2 
and Two, respectively 
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Figure 13: Table view attributes 
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Figure 14: List mode of Interface Builder 
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Figure 15: Table column attributes 

If you save the nii> and run the appHaition imm XetxJe, y<]U 
should get a window and view, but die table view should lie 
empty. In order to get data into the table view, we to 
implement a data source in axle. Create a new Objective-C class 
and name it MyController. In order for this class to be a table 
view data source, it must implement at lea.st two methods. Here’s 
die first one: 

* (MSIategerl numbErOfRowsInTableVievi (NSTableView *) 
tab levies/: 

( 

return 3; 

1 

The purpose of this method ts self-ex|ilana!ory: it secs die 
numlier of rows for a given table view', Wliile die numlier of 
columns is set in Interface Builder, die nujnlier of rows is set in your 
code. For demonstration purposes we are returning a constant 
value of wliich mems tliree rows w^ill lie displayed. 

Every row and column refers to a particular value in the talile 
called a table cell. The second mediod diat you must impiement 
provides the actual ckita for eitch cell: 

■ (id) tableVlew: (NSTableVie^if *) tableView 
ubjectValuEForTableColuMn’ (NSTableCoionni *} tableCalumn 
row: (NSInt ege f) rowlndex 
I 

NSStrlng, * identifier ^ [tableColumo identifier]; 
return [NSString EtringWlthFonDflt: 

%d"t Identifier* rovlndex]: 

1 

ITiis mediod gels c'lilled for each and every cell in the table. 
You'll notice diat it passes a table cDlumn objeci; WSTableColumn, 
and a row index. You may he surprised that it does not pass a 
cxilumn index, ttxx The pniblem is that the user Is free to le-order 
columns, and this would make the column index pretty useless. 
From column oliject, we can get the identifier we setup in Interface 
Builder. The identifier is a much more reliable value than the 
column index, thus you can see why using a unique and 


meaningful identifier Ls very useful. For testing purposes, we are 
nemming a string using the table column identifier and the row 
index. 

We’re almast ready to run our application, but first we need to 
tell the table view^ that HyController Is its data source. Be sure 
to save all your files in Xttxle and switch to Interface Builder. Find 
NSObject in the Library panel and drag it to you MainMenu.nib 
window Set the class of this new object to lie MyController in the 
Inspector panel Tills creates an instance of the My Cent roller 
class inside the nib. 

Hooking this object up to the table view is similar connecting 
a delegate. You need to control-drag from the table view to tlie 
controller objea. Be sure you are dragging from die table view and 
not die scroil view or the table column. U,se list mode, if you liave 
trouble selecting die table view. Once you control-drag from the 
table view to the controller object. Interface Builder should popup 
a menu allowing you to choose the outlet lor connection. Two 
choices exists for rable views: dataSource and delegate. Chcxise 
dataSource from die menu, as shown in Figure 16. 

Jj WimOBii_ , 



Wimsi i 


• • A I ii 



Figure 16: Connectitig a data source 

Now', save die nib, switch back to Xctxle, and run tlte 
applic'ation. If Al goes well, you .should see a window similttr to 
Figure 17. There should lie throe rows in the table iind the contents 
of each talkie cell should be a mix of the tal>le ailumn identifier and 
die row index. You can even re-order the table cotumas if you 
want, and die Uible cell values should remain die same. 

0 0 Window I 


Cdumn 1 Column 2 

One 0 Two 0 

One 1 Two 1 

One 2 Two 2 

Hgure 17: Simple table application 
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A Useful Table Example 


Admittedly, that example is not very useful, so let's spice ir up. 
Ijet’s bring back our tiusty Rectangle class and create an 
application to show a list of rectangles along witli their area and 
perimeters. Add tlie Rectangle.h and Rectangle.m files to your 
Xaxle project. For reference, the header file is shown in Listing 1, 

Listing 1: Recbuigle-h header file 

^import <Fotitidation/Fo"jndaiion.ti.) 

^Interface Rectangle : KSObject 

t 

float _leftXr 
float 

float _wldtfu 
float ; 

I 

©property float leftX; 

©property float bottoraY: 

©property float width: 

©property float heighti 
©property {readotdy) float area; 

©property (readonly) float perimeter: 

' (id) InltWlthLeftX (float) leftX 

b ott omY: (float) bott omY 
rightX: (float) rightX 
topY: (float) topY: 

©end 


Go to Interface Builder and select the table view. We need to 
setup our table with four columns, each with the following header 
titles: Widtli, Heiglit, Area, and Perimeter. In tlie Qible view's 
attributes, set tlie numlier of columns to 4. Resize tlie window so 
that all four columns are available. Tlien, selea each column and 
cliange the title and identifiers appropriately. In order to keep 
things simple, let’s keep the identifiers tlie ,same as tlie titles. FiniUly, 
make sure each column is not editable. The attributes for tlie width 
column are shown in Figure 18. Make sure ilie other tliree mlumns 
are setup in a similar fashion. 


, 0 n Table Column Anributei 

E_1 

* 




o 


Yr’ 

Y Table Coltifim 


Title width 


Identifier Width 

Alignment f W L ^ i —- 1 

Sort Key 

Selector 

Order ! Ascending 

l?r Resizes With Table 
User Resizable 
Q Editable 
n Hidden 


Figure 18: Width column attributes 
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Just as we am 2 idd fomiaiters to text fields^ you am also add 
diein to tal)le cx>lumns. Add nuiiil)er turmatters to each of die table 
columns by drawing from die Library to die text cells of each table 
column. Set their style to he DccimaJ. as we did earlien 

We are finished with the user interface^ ho save the nib and 
swatch to Xcode. Our controller class will keep an array of 
rectangles and display diem in die iafile. Let's start out by 
populating die array in our constructor with a kw rectangles: 

- (id) init 

I 

self - [super init]: 
if (self = all) 
return nii : 

tangle K = [ [NSMutableArray alloc,] init]; 

Rectangle ‘ rectangle: 

rectangle = [ [Rectangle alloc] tnitWithieftX : 0 

bcit toitiY: 0 

rlghtX: 10 
topY: 20]: 

Lrectangles addObjact: rectangle]; 

// Without garbage collection you need: 
n [rectangle release]: 

rectangle “ [[Rectangle alloc] InitWithLeftX : 0 

bottotnY: 0 
rightX; 500 
topY: 100]; 

Lrectangles addObject: rectangle]: 

// Without garbage collection you need: 

// [rectangle release]: 

return self; 

1 

Be sure to add die _rectangles inskincx:; variable to die 
header file. Now, weVe going to enable gadiage collccdon for our 
project, It XX Til is allows use to avoid leleasing tlic rectangle 
in.stances and avoid implementing a destructot Click on die project 
name in the Groups & Files list on die left. Then chtxise die File 
> Get Info menu to open up the Inspector panel. Select the Build 
lab, find the Objective-C Garbage Collection build setting and .set 
it to Supported. 

If you do not want to enable garbage collection, uncomment 
die release calls to rectangle and implement the dealloc 
medicxl to release the _rectangles array You also need to 
release the rectangle instances after adding them to the 
_rectangles array, as descrilied in the comments. Remember 
die array retains obiects, so you need to relea.se diem if you no 
longer need them. 

Now^ we need to modify our data source methods to use die 
array of rectangles, instead of hard coded values. The 
numb erOfRows InTableVlew method is easy It returns the 
number of elements in the _rectangles array: 

- (NSIntegei:) tiumberOfRowfilnTablcView: (NSTableVlew *) 
tableView 

] 

return Lrsetangtes count]; 

I 

The tableView:objectValueForTableColumn 
: row: method is a bit more complex. It needs to letum the proper 
rectangle property based on the identifier. The other tricky part is 


that die medicxl remms an id type. Tiiis mejins we need to wrap 
our float values inside an MSNumber instance, well: 

- (id) tableView: (NSTahleViev.' *) tableView 
objectVaXueRorTableColumn; (MSTableColumu *3 tableColumn 
row: (NSTftEeger3 rowlndex 
I 

NSString * identifier = ftableColunn identifier]; 

R<':iCtangle * rectangle = [,rectangles ob j ec t At Index: 
rwindex] : 

float value: 

if ([identifier tsEqualToString: ©"Width"]) 
value = rectangle,width : 

else if ([identifier isEqUalToStrlng: ©"Height"]) 
value ^ rectangle.height: 
else if ([identifier lEEqualToStrlng: '©"Area"]3 
value = rectangle,area; 

elSf if ([identifier isEqualToStcing: ©"Perimeter"]) 
value = rectangle.perimeter; 

returri [NSNumber OLMbetWitbPloat: value]: 

] 

Running our application now should result in a window 
similar to Figure 20. It should show our two rectangles, along with 
their corresponding area and perimeter 


^ ^ ri Windovs/ 


Width 

Height 

Area 

PehfTMte* 

10 

20 

200 

60 

500 

100 

50,000 

1,200 


Figure 20: Initial rectangle table 

Try resizing die window and .see il^ it works correedy. Also try 
editing the individual table cells. Iiecau.se we setup our table 
columns to Ix^ uneditable, it should not lx: allowed, file full listings 
for MyController are shown in Listing 2 and Listing 3- 

Listing 2: MyController.h header file 

tfimpoct xGocoa/Cocoa,h> 


©interface MyConttoller : NSObjeci 
I 

NSMutableArray * _fectangles; 

) 

©end 

#lTnpQrt "MyController’-h" 

//"import "Rectanglp. h" 

©impleineritat ion MyCont roller 

Listing 3: MyController.m source file 

- (Id) init 
( 

self [super init] ; 
if (self nil) 
return nil ; 

_rectauiglu3 = [[NSMutableArray alloc] init]: 
Rectan.gie * rectangle: 

rectangle = [[Rectangle alloc] iniiWithLeftX : 0 
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bottomY: 0 
lightJ: 10 
ttjpY: 20 ]: 

Ltectangl^s addObjecti rectangle]: 

// Without garbage collection you need: 

// [rectangle release]; 

rectangle [[Rectangle alloc] inltWlthLeftX ; 0 

bottomY: Q 
rightX: 500 
topY: 100 ]: 

Ltectanglea addObject: rectangle]; 

// Without garbage collection you need: 

// [rectangle release]; 

return self: 

I 


* (NSlnteger) numberOfRowsInTableView: (NSTableView *) 
tableView 

i 

return Lrectaoglea count]: 

I 


- (Id) tableView: (NSTableVlew *) tableView 
objectValueForTableColuflm: (NSTableColuEii *3 tableColumn 
row; (NSInteger) rowindei 


I 


NSString * identifier [tableColunm identifier]; 
Rectangle ' rectangle “ Liactangles objectAtlndex: 
rewindex]; 


float value: 

if ([identifier isEqualToStrlng: §"W±dth"]) 
value ^ rectangle,width; 

elae if ([identifier isEquslToString: §"ileight"l) 
value ^ rectangle.height: 

else If {[identifier isEqualToString: @^Area“]) 
value « rectangle,area: 

&lse if [[identifier isEqualToString: ^“Periiieter'']) 
value = rec tangle, per iflie ter; 

return [NSNurober numberUlthFIoat; value]: 


Conclusion 

Once again, weVe covered a lot of ground in just one article. 
'Iliere's a lot more we can do with a table view, t£K> much to cover 
in a single article. Next monili, well explore how to add and 
remove rectangles from die table. Tliat is, if you haven't gone 
aliead iind figured it out on your owm. 

i\\ I 
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THE WIACTECH SPOTLIGHT 

Dave Hayden 

Panic, Inc. 


What do you do? 

1 usually call myself a “programmer", in quotes, because 
engineer seems a hit too button-down starched collar. Tcku., 
Dilbert, 1 guess. Most engineers fVe met have honest 
engineering degrees, and always seem to wind up in 
management. Real hacker genius programmers usually didn’t 
bother with college, going straight for real-world experience. 
But since 1 liave a math degree from a liberal arts college, Tm 
not sure i fit in there, either. Vd call myself a “code artist” but 
tliat’s just pretentious, even if hiirly accurate. 

At Panic, 1 do the coding for Unison, our Usenet client. 
IVe also dune most of tbe protocol support for fransmit, and 
some of the anioiation and graphics effects in Coda. Tm also 
tire only gt^n the office wlio remembers trigonometry, mucii 
less calculus^ and Pm pretty goo^ai itunting ckiwn the really 
scarjjbugs that tnake you tonsider religious conversion. (But 
maybe that’s |^ca use' I’m the one that caused them in the first 
^place.jf, 

Kight now I’m hard at work on I'nison 2, the app's first 
major update since we launched ti five years ago — tliat 
meaii,s I get to go from supporting 10.2 to requiring 10.5, 
which is really exciting. I've fallen in love widi Core Animation 
and it's getting pretty serious; w^e’re even talking about moving 
in togetber. (Sony, Core Data. Ifs not you. it’s me.) 

How long have you been doing what you do? 

I started doing Mac programming (or “programming'') 
when I joined Panic six and a half years ago, working in the 
living room of company founders Gabel and Steve’s apartment. 
Before that, I got my first coding job right out of college, doing 
server-side web programming at a kmg-extinci web agency. 
That was before the era of PHP, so my first task unraveling 
the worst nest of C code that’s ever been written, left beliind 
by a previous programmer of questionable sanity — he was 
fond of obscene function names, and at one point used 
negative array indexes. Between tliose two jobs, 1 wT.)rked 
freelance (that is, 1 w^as unemployed) and worked on open 
source projects dealing with the SWP Flash file format. 

What was your first computer: 

An Apple ][-f, in 1980. I wrote a lot of BASIC code, and I 
rocked the BBSes with my 300 baud mc^dem. In 1984 we got 
the original 128K Macintosh, l>ut it seemed weird to me diat it 
didn’t have a programming environment built in like the Apple 
did so f still spent more time on the ][+. That was actually the 
last Apple computer I liad until I bo Light a G3. 

What's the coolest tech thing you've done using OS X? 

The first project I worked on at Panic w'as a kind of 2D 
graphical environment thing, w^here you could create your 



own “home”, fill it w4th handy widgets like a calendar and 
music player, friends could stop by and chai, and so on, It was 
cross platform — Steven was in OS X 10.0, Cabel still in OS 9, 
and 1 was running under Cygwin on my crusty old Windows 
laptop. I'he rendering engine w^as custom from the ground up, 
the w'hole rifling w'as driven by a bylecode-conipiled scripting 
language based on code Pd previously WTitten (and 
abandoned) for a Plash runtime. 

From an “engineering” standpoint, it was pretty cool. But 
it was'also w^ay over-complex, and had serious spec confusion. 
In short, it diLliTi solve a specific probtem so it never really 
“clicked ”. We pul it ^side for a while to get Pninsmit 2 out, and 
by file time we came back it didn't make much sense to keep 
working on it. In retrospcG it was definitely the right decision, 
bu\. I always wonder what would have happened if... 

Where can we see a sample of your work? 

Besides Panic, Pve been doing a lot of photography: 

http:/ / www.foveate.coin/ 

and boatbuilding: 

http: / / WWW. opaque, net/*^ a ve/^ry/ 

1 try to avchd programming projects outside of w'ork. I 
already spend too much time in front of tire computer. 

The next way Tm going to impact IT/OS X/the Mac 
universe is: 

Just keep doing w^liat weTe|Jc)ing, really. Pm extremely 
lucky to l>e working with such talented people here at Panic, 
and we’ve done pretry w^eli so far. 


If you oi someone you know belongs in the MocTedt kt us 

know! Send defies to edif«rial@ntact€ch<cQm 
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